Servoy 2020 Documentation
Child pages
  • Parts of the Form Editor

Versions Compared

Old Version 8

changes.mady.by.user Corrine Kidd

Saved on

compared with

New Version Current

changes.mady.by.user Haniela Hardut

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Toolbars
  • Palette
  • Editor Area

Toolbars

The toolbar area, by default, includes the following toolbars from left to right, separated by vertical lines in the screenshot below:  Image Removed Image Added

  1. Place Element Wizards – contains buttons for placing a dataprovider field, an image, a portal, a split pane, and a tabpanel. These buttons feature a wizard to quickly set properties for the placed element. These buttons can also be used to set properties for selected, previously placed elements.
  2. Layering – contains buttons for setting front/back arrangement of a selected element.
  3. Grouping – contains buttons for grouping/ungrouping of selected elements
  4. Alignment – contains buttons for aligning elements (left, right, top, bottom, center, and middle).
  5. Distribution – contains buttons for setting space distribution of selected elements.
  6. Sizing – contains buttons for setting the same width or height for a group of selected elements.
  7. Actions – contains buttons for form actions (set tab sequence and save as template).
  8. Editor Preferences – contains buttons for showing/hiding visual cues such as alignment guides, rulers, indicators and the grid; setting snap modes; and showing/hiding inherited elements. Note: Preferences selected via this toolbar only apply to the active form; selections revert to default when the form is closed and reopened. 

Each of these toolbars can be shown or hidden via the toolbar's contextual menu (right-click).

Palette

The Palette gives easy access to items that can be incorporated into forms, organized into five drawers:

...

Lastly, you can click on Settings in the contextual menu to set general Palette settings. A full list of the palette customization options can be found in the Developer Reference section.

Editor Area

The Editor Area facilitates the graphical design of forms. By default, vertical and horizontal rulers are shown with pixel units. Alignment guides can be created by clicking anywhere on the ruler.

...

  • Showing/hiding rulers and choosing ruler units (pixels, centimeters, inches).
  • Showing the grid and setting grid properties
  • Showing/hiding alignment guides, anchoring indicators, and same-size indicators
  • Specifying keyboard resize and move step sizes

The following section discusses how to get started with designing a form.