Servoy 2020 Documentation
Child pages
  • Client Design Mode

Versions Compared

Old Version 41

changes.mady.by.user Haniela Hardut

Saved on

compared with

New Version 42

changes.mady.by.user Paul Bakker

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Reverted from v. 40

...

When the form enters client design mode, the user can use drag & drop to relocate elements or change the size of elements. Table of Contentsstyleupper-roman

Stoc

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

(warning)  These are runtime properties and will be lost by use of controller.recreateUI().

...