Configure.IT Blog

Learn about latest news in the Mobile App Development Industry, and updates about Configure.IT Platform

Configure.IT Blog

Mobile Configuration

December 12, 2016

Mobile Configuration refers to the screen design with available controls and the applied logic to make the screen dynamic. It involves connecting the screen with business logic.
This article will give you an idea of how to design the front end on the configure.it platform using external API.

To design your front end, go to mobile configurator and drop some controls in the main view.

There is a list of controls available in the control panel which you can drag and drop on your main view. You can then configure them and label your object ids to make it easy to identify them later. You can even adjust the layer of the controls in the ‘object tree’ option.

 

Screen Shot 2016-12-08 at 5.56.40 PM

 

In the data source add the input parameters and choose your API. Then, put in the values, hit execute and save the output parameters. The process to connect an external API is detailed here.

 

Screen Shot 2016-12-08 at 5.59.10 PM

 

To call an API, you can add a button from the controls available and re-configure it. In the ‘Key name to data’ select the parameter which will come from the data source.
Once the controls are configured, you should be able to call the API by clicking on ‘Actions’, then clicking on ‘load’ and then selecting ‘Trigger Data Source (API Call)’.

 

Screen Shot 2016-12-08 at 5.59.49 PM

 

Then finally select your ‘data source’ in the ‘action parameters’ and hit save. You can preview this to check if the configurations are correct.

The process to design the front end has been made as simple as possible for the user. As an extension, you can even watch the entire process in a video tutorial we’ve made in continuation to ‘How to connect external API’ using the open API by NASA.

 

No comments

You must be logged in to post a comment.