Explore… Page Templates

When adding a new page to an app you are able to select a template to populate the page with an initial set of items/areas. In addition to the 3 built in templates, it is possible to create your own template which can be used when inserting future pages.

Saved templates are made available to all apps in the current installation of the Studio. This allows templates to be created not only to create multiple pages in one app, but also pre-populate similar pages (e.g. log in screen) across multiple different applications.

1. Save a Custom Template
2. Select a Template
3. Delete a Template
4. Import & Export Templates

1. Save a Custom Template

The Page Editor includes a ‘Save as template‘ button which can be used to create a custom Page Template. This appears in the upper left hand corner of the editor, and is represented by a export symbol.

Before saving the template you should configure your page to contain the items you wish the template to contain. Note that any settings specified within the items (e.g. Name, CSS class) will also be retained, allowing you to configure the items as little or as much as you would like.

When the page is ready to be saved, select the ‘Save as template’ button. This will prompt you to enter a name for the template, or choose an existing template which you would like to overwrite.

2. Select a Template

When creating a new page within an app you will be prompted to choose which Page Template should be used to pre-populate the page. Note that it will not be possible to edit the page and re-select an alternative template. You can however opt to delete the page and recreate it, or use Edit Mode to remove unwanted items.

The list of available templates will present you with a ‘My templates’ section featuring any custom templates you have saved, along with the following 4 Built in Templates:

  • Blank
    Creates a page with no pre-populated items.
  • Header
    Creates a page containing a Title Bar and Scrollable area.
  • Footer
    Creates a page which includes a Scrollable area followed by a Button Bar.
  • Full
    Creates a page featuring a Title Bar, Scrollable Area and a Button bar.

 

3. Delete a Template

If a custom template is not longer required, it can be removed from the Infinity App Studio. This can be achieved using either of the following methods:

  • When adding a new page to an app, select the small pencil symbol in the ‘My Template’ section. This will enter edit mode and allow you to delete existing templates.
  • Navigate to the Studio Settings screen and select the ‘Page Templates’ section. Use the trash symbol to delete a template.

4. Import & Export Templates

As the list of templates is unique to each installation of CommonTime Infinity, the App Studio includes both import and export features for Page Templates. This allows you to use a template across multiple different installations, or pass it to other developers.

The import and export buttons can be found within the ‘Page Templates‘ section of the Studio Settings screen.

Note that if a template is exported from one version of CommonTime Infinity and imported into another, the Studio may display an Upgrade Report to outline changes which were made to the template during the import process.