Versions Compared

Key

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

Insert excerpt
_Banners
_Banners
namescreen
nopaneltrue

Introduction

We have been creating new content all through this course, and have seen how shared styles can be used to manipulate the look and feel of items added to a screen. Templates allow us to take this reusability further by allowing us to create completely new layouts which can be reused, such as buttons or containers, and reuse.

Create the Item to Template

To create a template we first have to

First, we create the item we want to configure, then we can turn it into a template.

  1. Open the Screens Companies List Screen.
  2. From the Palette → Buttons - Secondary section, add a Custom - Icon button to the left of the edit button.
    1.  Image Modified
  3. We need to configure the button to open the Invoicing screen. We could manually create the actionflow, but a shortcut is to drag the screen from the repository onto the button.
    1. Click the 
      Insert excerpt
      _screen
      _screen
      nopaneltrue
       button from the toolbar.
    2. Drag Invoicing onto the Orders button. 
    3. If you simply drag a screen from the repository onto the an open screen, a button will be created along with an actionflow to open the screen.
  4. Change the Orders button icon to the IconFinance image.
  5. Lock your screen and check the new button opens the Invoicing screen.

Create a Template

With the item now created we can turn it into  into a template.

Unlock

:

  1. Insert excerpt
    _unlock
    _unlock
    nopaneltrue
    the screen.
  2. Select the Orders button
    1. Ensure When creating a template ensure you have the outer most outermost area of the thing you want to make a template.
  3. With the item highlighted in the Layers section, right-click and select 
    Insert excerpt
    _template_copy
    _template_copy
    nopaneltrue
  4. The properties for the new template open on the right.
    1. A copy of the button is taken and placed in the Template section
      Insert excerpt
      _template
      _template
      nopaneltrue
       section under your application in the Repositoryrepository
  5. Give the template a useful name e.g. Open Orders
  6. Insert excerpt
    _save
    _save
    nopaneltrue
     your changes.

Using a Template

  1. In the repository, expand your application.
  2. Scroll down to the 
    Insert excerpt
    _template
    _template
    nopaneltrue
     section and expand it.
  3. Now you can drag this item onto a screen and a copy of its configuration is made.