Samples

It shows the basic functionality of the autocomplete widget, using different thresholds.

It shows how the spellcheck works with the autocomplete. It gives suggestions if the user makes errors, like doubling a letter in a word.

It shows how the onchange callback works inside the autocomplete widget.

This sample shows how the autoselect works for a specific input widget (TextField, NumberField).

It shows how Buttons with style look like.

It shows how the actions work with the Button Widget, managing specific callbacks.

It shows a Button Widget bound to other widgets.

This sample shows how the CSS Templates work, giving some different styles to elements.

It shows how the Calendar Widget looks like with different label format.

It shows two calendars bound to each other, so navigating inside one calendar changes the other.

It shows a simple Checkbox Widget with the onchange event attached to it.

It shows different possible styles that can be applied to the Checkbox Widget.

It shows different modes to bing a Checkbox Widget, using the data model for example.

It shows a Slider Widget with different configurations.

It shows an example of an image gallery.

It shows the Datefield Widget.

It shows two Datefield Widgets bound to the data model.

It shows the default DatePicker Widget.

It shows a DatePicker Widget with a customized layout.

It shows a DatePicker Widget with date reference.

It shows the default Dialog popping out after a mouse click.

It shows how the actions work with the Dialog.

It shows which properties are bindable and how they work for the Dialog.

It shows a Movable Dialog.

It shows how a Div Widget look like.

It shows different uses of the 'sclass' property with the Div Widget.

It shows how the tooltip property works when is bound to another element.

It shows how the ErrorList Widget looks like, showing the information layout.

It shows the different message layouts for the ErrorList Widget (Information, Success, Error, Warning).

It shows how the ErrorList Widget works when is bound to something.

It shows a customized ErrorList Widget.

It shows two Fieldset Widgets with the default configuration.

It shows a nested Fieldset Widget with the default configuration.

It shows Fieldset Widgets executing callback actions.

It shows a Fieldset Widget with the property tooltip bound to the data model.

It shows the Gauge Widget working with a specific value or in searching mode.

It shows different layouts for the Icon Widget, with Inline style, tooltip and margin.

It shows some different icons for many uses, like info, error, undo, redo, help, arrows, etc.

It shows an IconButton Widget in normal mode and disabled.

It shows some IconButton Widgets with different styles.

It shows an IconButton Widget bound to a checkbox that manage the icon button enabled state.

It shows how the focus handling works, using two different subtemplates.

It shows how the processing indicator works, using it with different sections and with the whole page.

It shows how an element could be dragged in different modes in aria templates.

It shows a very basic sample to display stuff with aria templates.

It shows how the Tab Navigation works in aria templates.

It shows how Tab Navigation works in a template with subtemplates.

It shows the KeyMap functionality with a section, mapping the F3 key.

It shows how to propagate a Key Map between sections.

It shows how to use the wildcard character in a Key Map with different sections.

It shows how a Key Map defined at global level works, using different sections.

It shows a Table Navigation using a table and some widgets.

It shows a Table Navigation using a table with multiple focusable items.

It shows a Table Navigation with focusable items and a subsection that inherits the tab navigation.

It shows how the Link Widget works, calling a user defined callback after a click.

It shows a List Widget in normal mode and disabled.

It shows a List Widget with different styles applied.

It shows a List Widget with different action linked, like onMouseOver, onClick, onKeyevent and onChange.

It shows a List Widget bound to another list and to a checkbox.

It shows how the Localization works in aria templates.

It shows how to use Macro Libraries in aria templates.

It shows the MultiSelect Widget with different layouts, like columns, table, etc.

It shows how the NumberField Widget works in aria templates.

It shows how the PasswordField Widget works in aria templates.

It shows the basic prefill feature applied to TextInput-based widgets.

It shows the basic prefill feature used in a specific use case like the reservation of a multiple segment trip.

It shows the default RadioButton widget.

It shows the RadioButton Widget with different styles applied.

It shows RadioButton Widgets bound to the data model.

It shows how the Automatic Refresh works in aria templates.

It shows how the Repeater statement works, creating refreshable sections.

It shows the manual full template refresh in aria templates.

It shows the manual partial template refresh in aria templates

It shows how the stop and resume refresh works in aria templates.

It shows the Select Widget in different configuration (default, read-only, disabled).

It shows the SelectBox Widget in different configuration (default, read-only, disabled).

It shows how the SortIndicator Widget works in aria templates.

It shows how the SortIndicator with the tooltip property bound to the data model works.

It shows the Tab Widget.

It shows the Tab Widget with style applied.

It shows the Tab Widget with the selectedTab property bound to the data model.

It shows the TabPanel Widget.

It shows the Template Widget.

This sample shows the inheritance between macros.

This sample shows the inheritance between script methods.

This sample shows the inheritance between macro libraries.

This sample shows the CSS inheritance.

This sample shows how to override the CSS in a child template.

It shows how the Click handler works.

It shows the Text Widget with different properties set.

It shows the Text Widget with properties bound to another element.

It shows some TextField Widgets bound to the data model.

It shows the TimeField Widget usage.

It shows the Tooltip Widget used in different contexts.

It shows the default aria templates Validator.

It shows the Validator used with the events.

It shows how to group the Validators.

It shows how the View class handle the filtering operation.

It shows how the View class handle the sorting operation.

It shows how the View class handle the paginating operation.

It shows all the different operations (filtering, sorting and paginating) applied to the View class.

It shows some TextField Widgets bound to the data model.

It shows the Trasform feature of the TextField Widget.