Form elements

Last modified by superadmin on 24.01.2017

The following elements represent all available form and design elements in Xima® Formcycle Designer. Additional JavaScript libraries such as jQueryUI or datepicker may be employed to enhance the available form elements or add custom functionality.

Positioning elements

When positioning elements via drag&drop with the Xima® Formcycle Designer, the position where the element is about to be placed gets highlighted.

Placing an element next to another element.
Inserting an element into another element.

Positioning an element before, after, below or above another element

When you move an element with the mouse, an orange bar will appear next to the closest element. Let go of the mouse to insert the element at this position.

Inserting an element into another element

Elements of type page, fieldset, and container may contain other form elements. To put an element inside such a container, drag the element over the container and let go of the mouse.

Positioning elements without drag & drop

It may become difficult to position element via drag&drop when there are many elements on a page and you would like to move an element from the top to the bottom.

Elements may be moved by double clicking on them as well. This will show all positions where the element can be placed. Move the element by clicking on the position where you would like to place it. Click on the element again or press escape when you do not want to move the element.

Positioning elements without drag&drop.

Selecting elements

Selecting a single element

Click on the element to select it. It will be highlighted in orange. Its properties can be edited via the panels to the right of the Xima® Formcycle Designer.

Selecting an element

Selecting multiple elements

  1. Press the shift key and keep holding it down.
    2. Click on the elements you would like to select.
Selecting multiple elements

Selecting parent elements

Some elements such as pages or fieldsets may contain other form elements. Parent elements can sometimes be difficult to select when there are many elements on a page. When an element is selected, all parent elements are shown in the bar to the top of the Xima® Formcycle Designer and can be selected by clicking on them. 

Selecting parent elements

Deleting elements

To delete elements, click on the trash icon to the top left part of the Xima® Formcycle Designer or click on the element with the right mouse button and click on the delete elements. You can also delete an element by selecting it and pressing the delete key (del).

The button for deleting elements.
Tags:
Created by superadmin on 19.08.2015
Translated into en by superadmin on 19.05.2016
  
Copyright 2000-2016