Child pages
  • Getting Started-Designing a Form

Versions Compared

Key

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

...

1. You can create a new form using one of three methods:

  • Via the File menu (File > New > Form)
  • By right-clicking on a solution in the solution explorer and selecting Create New Form.
  • By pressing the New Wizard button on the Servoy Developer Toolbar.

...

  • Place with labels adds a text label to each field.
  • Place horizontal arranges the selected fields horizontally from left to right, as in a table.
  • Fill text property adds the dataprovider name to the text property.
  • Fill name property adds the dataprovider name to the name property, enabling access to the field via scripting.
  • Place as labels enables a double-click event on the field, while locking the content to prevent editing.

5. Click Finish. A new Form Editor is opened for the newly created Form.

Saving a Form

The new form is saved with the preselected dataprovider fields upon creation. When you make changes to the form, an asterisk next to the form's name at the top of the Form Editor indicates that there are unsaved changes. You can save the form by:

  • Using the keystroke CTRL-S.
  • Clicking on File>Save File > Save.

To revert unwanted changes, use the context menu on the form and select Revert Form (at the top of the list).

...

  • Drag and drop an element from the Palette.
  • Click-select and click-place an element from the Palette. With this option, you can place the same element multiple times by holding down the control key as you place elements.
  • Select the element to place from the main Menu bar item Actions, which also lists the keyboard shortcuts.
  • Use Keyboard shortcuts.
  • Click on an appropriate Elements Toolbar wizard button.

    Tip
    titleTIP:

    Elements can be placed with a custom size when dragging and dropping an item from the Palette by holding down the left mouse button upon reaching the editor area and dragging the until the desired shape and size is reached.

    Info
    titleNote:

    The status bar at the bottom of the Servoy perspective displays sizing information while the element is being drawn or resized. In the example below, the first pair of numbers represent the x & y coordinates of the upper left corner of the shape, and the second pair shows the size in pixels. Upon setting the final size, the x & y coordinates of the lower right corner of the element appears.

The following elements are available:

...

The Properties view loads by default when you open Servoy. If it has been minimized, it can be re-loaded by clicking on the menu item Window>Show View>PropertiesWindow > Show View > Properties.

The next section describes the layout tools available in Servoy 6.