Contents - Index

Design Tool Bar

Before you use design view tool buttons, you need to learn more about how to select one or more components on your page.
Select one component
Click on the component to select it. If you click another component, this component will be un-selected.
Select more than one component
Click on the components with *shift* key pressed. If you want select all the components within a rectangle area, just drag your mouse to draw a rectangle.
Move component(s)
You can drag selected component(s) to anywhere. You can move selected component(s) a little by pressing *up*,*down*,*left* and *right* key. 

Serialize to JS code
This command enables you to serialize all selected component(s) to JavaScript source code.
Serialize to JSON code
This command enables you to serialize all selected component(s) to JSON code.

Align to left
This command enables you to align the left of all selected components(s).
Align to center
This command enables you to align the center of all selected components(s).
Align to right
This command enables you to align the right of all selected components(s).

Align to top 
This command enables you to align the top of all selected components(s).
Align to middle
This command enables you to align the middle of all selected components(s).
Align to bottom
This command enables you to align the bottom of all selected components(s).

Same width
This command enables you to make all selected components(s) in same width.
Same width and height
This command enables you to make all selected components(s) in same size.
Same height
This command enables you to make all selected components(s) in same height.

To top layer 
This command enable you to let all selected components(s) go up and no components overlay them.
To bottom layer
This command enable you to let all selected components(s) go down and every components else overlay them.
Set position to grid
If you click this button, all the selected component(s) will be moved a little and snapped at by background grid dots.
Set size to grid
Click this button to enlarge or reduce all the selected component(s) to make

Clone selected controls
Click this button to copy selected component(s). Note that those copies overlay old ones.
Delete
Click this button to remove selected component(s).