Using templates for user interfaces

Design templates now allow fast modification of all pages and their control elements. Note: When older projects (earlier than May 2017) are loaded the pages are analyzed automatically and a template is created. This may take a moment.

This topic provides information on the following:

 

Using templates

The templates overview can be filtered according to the template type by clicking the button Filter Templates by Type  and selecting/deselecting the corresponding template type. Moreover, the template names can be hidden by clicking button Hide Template Names. This saves space.

Usage of templates is quite simple:

Back to topic selection

 

Defining default designs and templates

Basically, we distinguish between design and template. A template refers to one particular element type. A design, on the other hand, is a collection of default templates of all element types. The default design is used for new projects and all the elements added on a page are based on the default templates contained. After deleting a template the elements based on that template are assigned the design of the default template. That’s why default templates cannot be deleted.

And this is how you can define Default templates:

If you want all the elements in this project to be available for new projects you need to ...

...Create a default design:

Any newly created projects are then based on the design you’ve just saved.

As an alternative you can also save individual designs as templates and create a design collection. Proceed as described above but name it differently. After restarting Wings Touch the saved designs will be available as templates. Click in the top right-hand corner, select New and choose the required template in the list on the right.

Back to topic selection

 

Editing templates

    1. Drag the template element you want to edit and drop it onto a page. Click Control Tools in the main menu.

    2. Select Edit Template to edit this template which will also affect all other elements used in this template. If you prefer to create a new template select Create Template.

    3. Now make the desired changes which, if applicable, also affect those elements linked up with this template.

     

    Back to topic selection