Templating

Calendar Widget Plugin

Inspired by the Dojo calendar, the calendar widget displays events from a data store along time, allowing a user to interactively edit the position in time of these events. Download the Calendar on GitHub View the Sample Application on ariatemplates.com   Table of contents 1. Loading the calendar 2. Passing data to the calendar 2.1 …

Accessing MacroLibraryScript functions from your TemplateScript

Context This is something that is definitely part of Aria Templates tips & tricks. This feature has always been available since we delivered Macro Libraries, which means it’s available from quite a while. But surprisingly, it’s something you don’t think you can use in the first place. Let’s assume you have a Template file that …

Using iframes in an Aria Templates application

Introduction Aria Templates is based on client-side templating: as templates are stored client side, if a piece of data changes, there is no need to manipulate DOM elements to update the UI, it is only needed to refresh a template or a part of it. When a template is refreshed, the Aria Templates framework erases …

Creating a custom DatePicker widget

Similar to what we’ve done creating a mobile calendar experience, with this post we’ll see how easy it is to exploit Aria Templates’ object oriented architecture to modify the look and feel of the DatePicker widget. DatePicker is a text field able to interpret date-like user input, it can also display a drop-down calendar to …

Refresh strategy in complex templates

In a Rich Internet Application, the user interface has to reactively change upon user interaction or after receiving data from the server. Aria Templates offers several mechanisms for refreshing the view (as explained in this article). Full or partial refresh? It is possible to trigger the refresh of a template by calling the $refresh method …

Templates vs. macros

When developing the UI of your application in Aria Templates, you might find yourself wondering: ¬†should I use a sub-template or a macro for the display of a certain panel? This article intends to provide some hints on how to take the right decision, although sometimes it might be a personal choice with no visible …

Standalone popups

In AriaTemplates, popups are widgets, it means you get to open a popup from within a template, using the following syntax: {@aria:Dialog { … } /} And you would then bind the visible property of that widget to some value in the data model in order to decide when the popup is visible and when …