Designer workbench tools of the web UI framework
The Designer Workbench has many tools for the web UI framework. You can find a repository of those tools and their uses here.
The following table shows the tools to use for the different tasks that you can perform using the Designer Workbench:
| If you want to... | Use this tool... |
|---|---|
| Create a new screen. | New button |
| Save a new screen. | Save button |
| Undo changes that you made to the screen. | Undo button |
| Redo changes to the canvas that you just undid. | Redo button |
| Add widgets to a screen. | Palette tab |
| Create data sources for sending data to input and output XML files. Mashup layer files use these data sources. | Data tab |
| Add file access to a control. | Files tab |
| Configure the directory path to the project that will use the changes from the Designer Workbench. | Files tab (Options button) |
| Immediately update your main project with changes that you make using the Designer Workbench. | Files tab (Notify project check box) |
| View the workspace for the screen that you are creating by adding widgets. | Canvas |
| View a directory-type listing of all the widgets on the canvas (screen). | Tree View |
| Collapse the Tree View to show just the top screen item (screen). |  Collapse Tree View |
| Expand the Tree View to show all of the screen items. |  Expand Tree View |
| View a list the properties of the screen and any widget that is selected. | Properties view |
| Add a property to a widget. | Properties view (Add tab) |
|
Set the data binding of a widget. Add the bindingData property and then extend the AbstractBindingMgr class. The implementation needs to be provided for the methods of the class as mentioned in the documentation for each method. For more information, refer to the JavaScript documentation for sc.plat.AbstractBindingMgr. |
Properties view (Add tab) |
|
Check if a screen has any errors or warnings and see if a fix is available, using the Check results dialog box. For example, if you have not localized all of the controls in the current screen, the Check results dialog box displays a list of controls that have not been localized. To resolve this, click the icon under the Fix? column, which directs you to the Localization Panel, where you can localize the controls. |
Diagnostics button |
|
Create mashup layer files. This button displays the Configure Mashups dialog box. |
Mashups button |
| Display JavaScript source code for the screen. | More button (View Source menu option) |
|
View an encoded string of user preferences that are stored as cookies (like the project directory and data source directory). This string can be copied and added to your JavaScript bookmarks. If you clear all of your browser cookies, you can use this user preference information to restore your original preferences. |
More button (Export Preferences menu option) |
|
Localize widgets. This button displays the Localization panel dialog box. You must first save the screen before you can localize any widgets. |
More button (Localize Screen menu option) |
| Load libraries into the Designer Workbench. To do this, you must add an include file. | More button (Manage Libraries menu option) |
| Generate code from the Code Template Generator window that you can use to update mashup, Struts, JSB, resource, resource permission, and menu files. | Generate Code button |