Page History
...
When the form enters client design mode, the user can use drag & drop to relocate elements or change the size of elements.
...
Table of Contents | ||
---|---|---|
|
Putting a Form in Client Design mode
To enter client design mode using:
Code Block |
---|
controller.setDesignMode(true)
|
To exit client design mode:
Code Block |
---|
controller.setDesignMode(false)
|
...
Making an element not selectable in Client Design mode:
Code Block |
---|
elements.\{elementName}.putClientProperty(CLIENTDESIGN.SELECTABLE, false);
|
...
If the directions in which the element is resizable should be restricted, this is possible using the following code:
Code Block |
---|
elements.\{elementName}.putClientProperty(CLIENTDESIGN.HANDLES, ['r', 'l']);
|
...
Value | Resize handler |
---|---|
't' | Top |
'b' | Bottom |
'r' | Right |
'l' | Left |
'bl' | Bottom left corner |
'br' | Bottom right corner |
'tl' | Top left corner |
'tr' | Top right corner |
These are runtime properties and will be lost by use of controller.recreateUI().
...
Overview
Content Tools
Activity