What are Components
Components are drag and drop features that you can add to your app screen that enable you to include images, text, video, lists, buttons, charts, security, and more to your app.
How to Use Components
Check out the video below
To use components, open an existing or blank screen and click on an empty space on the screen, or select the add components option from the right hand side menu. The orange outline shows the editable areas. Then click on the component from the right hand side menu, that you want to use and drag and drop it over the screen. You can use components to add features and visualizations to your app.
To edit a component, click on the gear symbol in the top right corner of the component. The paintbrush next to the gear symbol allows you to edit the appearance settings of the component. The two sheets of paper image allow you to duplicate the component, either in the same place or on another screen. The trash can symbol allows you to delete the component.
You can also move components by clicking on them and dragging them to a new location on the screen. To see an overview of the components that are in use on screen, select the screen structure option on the right hand side menu. You can also re-position the components here.
Why Use Components
Components allow you to quickly add new features to your app.
Options Of Components
| Text | Allows you to add a text box to a screen |
| Layout | Allows you to add a container to a screen. A container is often used to organize other components on a screen |
| Images | Enables adding an image, an image gallery, or interactive graphics to a screen |
| Media | Enables adding an offline or online video to a screen |
| Lists |
Enables adding the following options: List-small thumbnails (a list where each list item appears smaller) List-large thumbnails (a list where each list item appears larger) List-panels (a list where list items appear in the form of panels) List (from data source) – a list that includes a data source Grid- a grid is a different panel style Slider organizes your text/images in a series of slides and enables moving from one slide to the next |
| Buttons |
Primary Button- the primary featured button, also includes a link action option Secondary Button- the secondary button for a screen, Also includes a link action option |
| Accordions |
Accordion heading- Allows adding a title to an accordion. Hit enter after adding the title to add more content to the accordion End of accordion-insert this component to end an accordion |
| Data Capture | Form- Enables adding a form to a screen. Create a unique form by adding specific fields to the form |
| News | RSS Feed- add an RSS feed to your app to provide app users with news |
| Data visualization |
Enables adding the following chart types to a screen in order to visually organize data: Column Bar Pie Doughnut Line Scatter |
| Security |
Enables a choice between the following security features: Verification – SMS – sends an SMS to a users phone to verify their identity Lock – enables a lock feature on the app Fliplet Login – Requires Fliplet login to access the app Login – requires a user to login in order to access the app SAML2 Login -Requires SAML2 login credentials to access the app |
| Portal | App List – A list of apps that can be accessed through a given account |
| Others | Notification Inbox – enables sending notifications to users |
Related Articles