Create components by dragging them out of the "Component Library" into the "Project" tree, or simply double-clicking them to add them as a child to the selected component in the project
You can also rearrange components in the Project tree by drag and drop, or right-click to get rid of them.
Bind components to data by dragging DataSources from the "DataSources" tree and dropping them onto databinding-capable components (such as Grids).
The "DataSources" listing will contain any DataSource placed in the
[webroot]/shared/ds
directory. See the
QuickStart Guide,
Chapter 6, DataBinding for information on creating DataSources
Edit components by clicking on the component in the "Project" tree, which will show a form in the "Component Properties" area. Properties are grouped into expandable/collapsible sections. You can hover over the title of any property to see documentation. The Events tab allows you to add event handlers for the standard events (eg "Basic Methods") or for synthetic events specific to a component (eg "ListGrid Methods" when viewing a ListGrid).
Create and modify DataSources using the "New" and "Edit" buttons in the DataSources pane.
Save and share screens via the "File" menu in the lower right-hand corner.
Saved screens have a permanent URL that you can share with other team members.
Saved screens are stored in the workspaces/
directory under
tools/visualBuilder/
, and can be edited by external tools, then reloaded.
See sample code by clicking on the "Generated Code" header to reveal code in both XML and JS formats. This code serves as a good reference for developers learning SmartClient, and can be copied and pasted to other tools as a starter screen definition.