Rapid Interfaces
4 min read
This page shows you how to use Rapid Interfaces.
Use this no code feature and create any type of dashboard, app interfaces or forms to collect data, analyze responses and visualize in real-time using workflows. It is very straightforward and simple to understand.
Components
- Interact with the list of drag and drop components (UI widgets) to configure your rapid interface.
- Use widgets like
row
,column
,2-D layout
andcard
to create the layout of an interface. Entering of data to the rapid interface can be done viainput
,text area
,date & time
,select
,auto complete
,time zone
etc. widgets.
Inputs
- To access input components, click Rapid Interfaces icon on the menu and select (+) button to create a new rapid interface.
- Give a name to your interface and click on create/edit button to set it up.
- You can see the list of components or UI widgets that can be used to create Rapid Interfaces on your left hand side.
- Select the input component of your interest and drag and drop it to the workspace to use it.Click on the widget and under the set up widget you can set your specific requirements (General and Styles tabs).
Input widget
- Enter short text, numbers, telephone, Email, passwords etc. using this widget.
- Select the input type.
- Provide a parameter name for your data. Ex: Name, Account ID etc. No punctuation marks or spaces are allowed here. This parameter name allows you to submit your data to an event or an API call.
- Label your input under place holder.
- If you want to put a regular expression pattern to validate your data, input your regular expression under validation pattern.
- You can trigger
or set a value for a related event, whenever an input is changed. Select your preference (if required). - Under styles tab, you can specify the dimensions of your text, back ground and foreground colours, display positions, margins, paddings, border requirements, font specifications, allignment etc.
Text area
- Use this widget to write detailed text descriptions.
- Provide a parameter name for your data. Ex: title etc. No punctuation marks or spaces are allowed here. This parameter name allows you to submit your data to an event or an API call.
- Under “Handle change event”, you can trigger
or set a value for a related event, whenever an input is changed. Select your preference (if required).
Date & Time
- Use this widget to include date, time or both to your interface.
- Select the type of input you require.
- Provide a parameter name for your data. No punctuation marks or spaces are allowed here. This parameter name allows you to submit your data to an event or an API call.
- Under “Handle change event”, you can trigger
or set a value for a related event, whenever an input is changed. Select your preference (if required).
Select
-
This widget allows you to select one or more option(s) from a list of multiple options. By selecting the checkbox, you can allow the widget to select multiple options. Refer Specification
-
For the options, you can manually define values or retrive the options from a data source through workflows (
). -
To define values manually, you need to provide the list of values as name-value pairs. Whenever you select the name of an option from an option list, the related value will be automatically set in to the input. Clear the existing json sample data and add your name value pairs as a json array of objects. To enter json data, use json tab and enter as an array or use text tab and enter json array as a text. Refer video for more details.
Auto Complete
- This widget functions similar to the
select
widget. In addition you can edit the selected option.
Rows & Columns
- Use these components to create the structure of the layout of your interface.
Raws
- Divide an interface in to horizontal divisions.Columns
- Divide an interface into vertical divisions. UI elements and content are then aligned to these rows and columns.
Together they create a grid system that helps to structure the contents of your interface.They act as containers for your data/elements and provide consistency and improves readability of your interface across multiple devices such as desktops, tablets and mobile phones. Add required widgets to the rows or columns to create your interface.
Dashboard
- Any dashboard you create can be displayed on your dashboard.
- Click icon on the Menu and you can view the list of dashboards you have created so far.
- Select the
Dashboard
icon on the particular dashboard card you want to select as your dashboard, and it will be displayed as your dashboard thereafter.
Tutorials
These tutorials shows you how Rapidomize’s Rapid Interfaces can be used to build various applications to monitor, measure, analyze and visualize your data in no time. Use Rapid Interfaces to monitor your processes, interact with customers, for communication with your staff and to manage finances etc. Boost your productivity by putting minimum input and getting maximum output from this user friendly no code application.