Explore… the Studio, App & Page Config

Across the Infinity App Studio there are a range of settings which can be configured. These are split across 3 separate screens (Studio Settings, App Config and Page Config) which relate to what aspect of the Studio the settings will affect.

The settings use a hierarchical structure. This means that any changes made to the Page Config will only affect an individual page, whereas settings configured via the Studio Settings will impact all applications held in the Studio.

Topics covered in this article

1. Studio Settings
2. App Config
3. Page Config

Accessing the Config Screens

The cog symbol located in the upper right hand corner of the Infinity App Studio can be used to access the config screens. Where more than one config screen can be accessed from your location in the Studio, a drop down menu will be displayed to allow you to choose which config screen you wish to view.

For example,  selecting the icon whilst on the App Content screen will not only list the App Config, but also Studio Settings screen. It won’t however provide access to the Page Config until you enter a specific page.

As the App Config screen features a high number of configurable items, a filter and search bar is provided at the top of the screen to help find a specific item. These filter categories also feature on the cog menu to speed up navigation.

Once you have made the necessary changes within the Config Screen, selecting the ‘Done’ button will then return you to the location in the Studio from which you selected the cog icon.


1. Studio Config

The Studio Settings screen provides a number of settings which can be accessed by all apps within the Infinity Studio. This includes accounts used during the Build & Deployment process, as well as files (e.g. CSS, Images) which may be used by more than one application.

Note that the settings provided on this screen are not exported with an application and must therefore be configured within each installation of the Studio. To assist with this process, some sections provide an export tool which can be used to pass quickly pass elements from one installation to another.

PhoneGap & GitHub

Once you have finished building your application in the Infinity App Studio, the application files can pass through the Build Process to create a standalone application. For Android, iOS and Browser applications, this process requires the use of a PhoneGap and GitHub account, which must be registered within the Studio Settings.

For more information please see details of the Build and Deployment Process.

Page Templates

Page Templates are used to quickly populate content on pages which feature a particular layout or use a similar set of questions.

To assist with the management of existing templates, the Studio Settings screen allows you to import, export and delete templates within the current installation of the Infinity App Studio.

For more information, please review the Page Template documentation.


The ‘Assets’ section of the Studio Config screen provides an overview of the external files (e.g. images, CSS, PDFs) which have been imported in the Studio.

The list provides a range of details about each file, including the name, type and number of times it is currently being used. The search bar at the top of the section can be used filter or locate particular assets and trash symbol can be used to delete unwanted files.

New assets can also be added to the Studio using the ‘Add Asset’ button in the upper right corner. Once added, they can be referenced within an application by adding the corresponding item (e.g. CSS Asset) and using the ‘Existing File’ button. Note that this step must be completed in order for the file to be included within the exported .ctiapp file.

My Items

Pre-configured Items and Areas can be saved to ‘My Items’ for reuse within other pages or applications. The My Items section of the Studio Config allows you to import and export your list of items to transfer them from one instance of Infinity to another, or share them with other developers.

For further information, see the My Items page.


The ‘About’ section provides additional information about the current installation of CommonTime Infinity. This includes the version number, licence information and the privacy policy.

Help & Support

The ‘Help & Support’ section allows you to relaunch the welcome tour, or navigate to the support and documentation provided for CommonTime Infinity.

2. App Config

The App Config screen allows you to configure a wide range of features which can be used by the Infinity app.

New items can be added by dragging the chosen item from the Toolbox and dropping it into the Editor.  For ease of navigation the items have been separated into a number of different categories and can be filtered using the search box and droplist at the top of the Editor.

Once an item has been added to the App Config, it can be referenced within the app. This is achieved using different methods based on the purpose of the item. For example, Notifications are displayed using a ‘Show Notification’ action, whereas Font Assets can be referenced within CSS.

For further information on how to configure individual config items, please see the ‘How To‘ section.

3. Page Config

The Page Config screen allows you to add events which will be used to carry out a list of actions during the page loading process. There are two different events available, which will trigger the actions at different times:

The actions will be executed during the load process as soon as the JavaScript is ready.

The actions will be triggered once the page has finished loading.

Each page can only hold one instance of each event type. Once the item has been added to the page, it will become greyed out in the Toolbox to prevent you adding further copies.

If you wish different actions to be carried out based on a condition, then action logic can be used to control which actions are carried out.