Building and customizing pages or controls in the web UI framework

Widgets of the web UI framework
In the Palette view of the Designer and Extensibility Workbench, you can find the components, such as Controls, Grids (3.0.2 only), Panels, and Others, associated with the widgets of the web UI framework.
Working with widgets in the web UI framework
You can re-arrange, delete, and view or change the properties of a a widget in the UI framework.
Adding a widget to a screen with the web UI framework
You can add a widget to a screen by using the Extensibility Workbench or the Designer Workbench.
Customizing widgets in an existing installation with the web UI framework
You can customize a widget in an existing installation by using the Extensibility Workbench.
Hiding fields with the web UI framework
You can hid fields by using the Designer Workbench or the Extensibility Workbench.
Accessing the working files of the web UI framework
Access the working files in your project (*.json screen files) using the Files tab.
Viewing screen objects in the outline or tree view of the web UI framework
Use the Outline view (Extensibility Workbench) or the Tree View (Designer Workbench) to collapse and expand all or part of your list of screen objects. Collapsing and expanding the list does not affect the screen.
Configuring properties for screens, widgets, and other items with the web UI framework
Use the Properties view in the Designer Workbench to work with the properties of the canvas widgets. The Properties view settings work in conjunction with the settings in the Configure Properties dialog box.
Providing description attributes for binding namespaces in the web UI framework
The namespaces attribute on a screen provides information about the namespaces that have been used for binding controls. Customizers can view the namespaces and their descriptions (if provided by the developers) in the Control Details View of the Extensibility Workbench or the Properties window in the Designer Workbench. They do not have to open the JavaScript source files to view the namespaces.
Wizards of the web UI framework
Wizards guide users through the steps of a task in a specific sequence. Wizards are required for complex or infrequently performed tasks where the user is unfamiliar with the steps involved.
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.
Enabling a child screen to access a parent screen with the web UI framework
A screen can contain another screen within it. If the child screen requires access to the parent screen, you can use a property in the child screen to access any component or property in the parent screen.
Menu customizations with the web UI framework
You can make menu customizations using the Ext.menu.Menu class of the Ext JS JavaScript framework.
Creating smart tags with the web UI framework
Smart tags are used to recognize certain types of data. For example, when you hover your cursor over a component which has a smart tag, a list of actions that can be performed are displayed.
Uploading and downloading
You can set up your Web UI Framework (WUF) applications to attach files to records of a table, upload files, and download attached files. Uploads and downloads flow between internal file systems and the application database.
Generating code from templates with the web UI framework
You can generate code for select components from templates. Some of those components include mashup APIs, struts actions, and JavaScript Builder.
Debugging tools of the web UI framework
The web UI framework has a variety of debugging tools, some of which include the Console, Start Trace button, and View Screen Model button.
Setting up backend logging in the web.xml file in the web UI framework
The Web UI Framework allows you to enable logging for backend framework usages (Struts, mashups, and API), based on the URI for each client. Once you have specified the logging, you can activate it using the Start Request Log button in the debugging toolbar in the application.
Enabling backend logging in the user interface with the web UI framework
To enable backend logging in the user interface, use the Start Requesting Log button.
Using backend logging to identify JSB targets and mashup IDs in the web UI framework
In the web UI framework you can identify JSB targets and mashup IDs by using backend logging.
Enabling tracing for the web UI framework
In the web UI framework you can enable tracing by launching the System management Console.
Disabling tracing for the web UI framework
You can disable tracing for the web UI framework by accessing the System Management Console.
State management in the web UI framework
The Web UI Framework provides a mechanism for state management, which enables the application to remember a user interface state and apply it across user sessions. You can implement state management with either the default implementation of the Web UI Framework or with a pluggable custom implementation. You can also customize the default implementation of the Web UI Framework.
Transaction management in the web UI framework
The Web UI Framework provides tools for transaction management. This helps you decide how to start, end, commit, and roll back transactions, which ensures data integrity.

Parent topic: Customizing the Web UI Framework