Graphic design of the touch interface

If you don't like the standard design you can certainly change it.

• Double-click an object to open tab Edit. On this tab you will find the Options that allow customizing of the object. Standard editing options.

  Double-clicking the object gives you access to the following editing tools in the menu:

  • Copy Template transfers the design of the highlighted element to the clicked object.

  • The options above Fonts allow font, font size, alignment, color, etc. to be adjusted.

  • Category Shape Style allows shape fill and borders (Shape Border) of the object to be edited. Shape Fill also allows selection of images or graphics files.

  • Click Size & Position to display the options for numeric entry of size, position and rotation of an object.

  • Arrange offers various options to change the position of the object with reference to other objects, e.g. Bring forward, etc.

  Double-clicking the object gives you access to the following editing tools in the menu:

  • Copy Template transfers the design of the highlighted element to the clicked object.

  • The options above Fonts allow font, font size, alignment, color, etc. to be adjusted.

  • Category Shape Style allows shape fill and borders (Shape Border) of the object to be edited. Shape Fill also allows selection of images or graphics files.

  • Click Size & Position to display the options for numeric entry of size, position and rotation of an object.

  • Arrange offers various options to change the position of the object with reference to other objects, e.g. Bring forward, etc.

   

• You can use overlays in the form of icons and image files can be used for designing buttons, indicators and toggle buttons. See Designing elements by using overlays.

• For structuring the page or control elements use tab Insert and objects Rectangle and Ellipse to create control areas with or without frames. When you double-click these objects the options for graphic display are opened.

• The page background can be edited by right-clicking the page and selecting Edit Background. You can select static background designs, such as a colored area with or without gradient or pictures, or dynamic backgrounds, such as image transitions or videos.

• Once you are done designing the background page according to your own requirements you can define this design as default design for new objects by right-clicking it and choosing Set as Default Design.

• The background design can be imported from other pages by right-clicking the page to be changed and selecting Copy Layout from ... followed by selecting the corresponding page.

See also

Adding control elements and other objects

Adding pages

Assigning and testing functions