Web UI Framework

Advanced Widget Types

Updated: October 16, 2020

A series of widget types for advanced usage.

Layout

Id: layout

The layout widget type displays a layout. This is useful to build high-level layouts, in combination with the Form Actions widget type for instance.

Set Variable

Id: setVariable

This widget type uses the nxu:set tag to expose variables in the JSF context, and displays its subwidgets. It can be useful to make a variable available for the subwidgets rendering.

For instance, this is useful when manipulating selection entries, to be able to cache them in the page (and avoid retrieving them for each item rendered in selection options).

Template

Id: template

The template widget type is highly customizable and allows to define a XHTML template to use for rendering the widget depending on its mode. Please refer to the dedicated documentation.

Action

Id: action

This widget type displays an action, with possibility to surround it by a form or not (and additional rendering properties).

The difference with the Form Action or Toolbar Action widget types is that it needs the action to be already resolved. This makes it possible to display actions that would have been retrieved using a custom filtering context.

Actions

Id: actions

This widget type displays actions, with possibility to surround it by a form or not (and additional rendering properties).

The difference with the Form Actions or Toolbar Actions widget types is that it needs the action to be already resolved. This makes it possible to display actions that would have been retrieved using a custom filtering context.

Single Generic Suggestion

Id: select2Widget

This widget types displays a select2 suggestion for a single element selection. It requires advanced configuration for the operation to call and javascript functions for formatting of JSON result of suggestions.

Multiple Generic Suggestion

Id: select2WidgetMultiple

This widget types displays a select2 suggestion for multiple elements selection. It requires advanced configuration for the operation to call and javascript functions for formatting of JSON result of suggestions.