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

Enables adding the following options:

List-no images (a list that doesn’t contain images)

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


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


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:








Enables a choice between the following security features:

Verification – Email – sends an email to a users email address to verify their identity

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


Was this article helpful?