Preset properties in the web UI framework

You can configure the properties of a Web UI Framework widget so that it has preset properties whenever you create a new instance of it. This feature overrides the default properties of the widget.

For more information about widget properties, refer to the Ext JS framework documentation for Version 2.2.1 or Version 3.0.2.

The Designer Workbench includes two types of presets:
  • Out-of-the-box presets

    These presets are shipped along with the Designer Workbench and are provided for a few widgets. They are not editable.

    Although out-of-the-box presets are read-only, their contents can be copied, and used to create new editable presets.

  • Custom (user-defined) presets

    You can define any number of custom presets for every widget, provided each one has a unique name. These presets are stored in your project directory in the designer-metadata folder.

You can also work with presets in the Extensibility Workbench, but you have fewer options than you have with the Designer Workbench.

With the Designer Workbench, you can work with presets in the canvas and in the following views:
  • Palette
  • Data
  • Tree

In the Palette and Data views, the presets selected for a widget serve as the default preset until the browser is refreshed or any other preset is selected from the list. Any widget dropped on the canvas is initialized with the properties of the selected preset.

In the Tree View and on the canvas, selecting a preset for a widget results in the addition of the properties of the preset to that widget. When applying a preset to a widget, no existing properties are deleted. Any new properties from the preset are added to the widget. Preset properties that already exist in the widget are updated.

With the Extensibility Workbench, you can do the following with preset properties:
  • Right-click on a widget in the Palette & Files View and select a preset to apply.
  • Create new presets.
With the Extensibility Workbench, you cannot do the following with preset properties:
  • Apply a preset to a control using the Outline View.
  • Apply a preset to a control by right-clicking on the screen.