Flat List helps the user to show the particulars or Information in a list form. It is a kind of Internal List within the forum. For Example-List of emails, Lists of product features, Price lists, etc. Applicable controls to drag and drop in the Flat List are Text, Image, Switch, Button, Icon, QR Code generator, Video Player, Shapes, and Textbox.
Properties
Parameter
Description
Control Name
The name of the control will be displayed here
Disabled
A checkbox that disables the picker if checked
Display
Toggle the display of the picker by choosing Hide/Show
Resize Mode
Allows the resize flat list by a cover, contain, center or stretch
Blur Radius
The frequency of blurriness can be defined here
Active Opacity
Determines what the opacity of the wrapped view should be when touch is active.
List Type
Defines how a list has to be displayed in Vertical, Horizontal, or Grid mode
Is Animation
The style how a flat list has to be displayed in an animated way like fade, Dive, Rotate, Slide from Right, and Slide from Bottom
swipe events
Here the user can define what should be the title figure while swiping the flat list, whether the screen should show Icon only, Icon with text, or Text only
No. of Records
The number of records to be shown on the screen can be inserted here
Is Multiselect
The multiple selections of records can be enabled or disabled here. And the other style and actions to be done for this property can be done in parallel.
separator
The separator option defines the space between two items in a flat list. And the other style and actions to be done for this property can be done in parallel.
Layout Order
The Layout order of the Flat List can be allocated here.
Is Search
Is search allows the user to configure the pattern of the search space
Parameter
Description
On-Demand Search
Here the user can assign the number of characters in “Min search Text Length” that he wants to enter for displaying the search options. For example, if you enter number 3, In the output screen by entering 3 characters ‘fla’ shows the option flat list in the search list
Place Holder
Defines the default search name where the search place should show.
Pagination
Pagination defines whether the List should be catered in API Format or Manual record Entry
Parameter
Description
From API
The records can be shown or drawn from as API format here
No. of Records
The number of records to be shown on the screen can be inserted here
Style
Layout
Parameter
Description
Auto Height
The user can select the default height of the flat List here
Width
Define the width of the flat list
Height
Define the height of the flat list
Color
Parameter
Description
Background Color
The color can be selected from the color Palate
Transparent
The background of the flat List can be set to Transparent
Gradient
The multicolor style setting of the Flat List can be set here
List Item
List Item defines the configuration setting of single Items in the Flat List
Single Item
The single Item configuration in the flat List has the styling properties as the follows
Parameter
Description
Width
Define the width of the single item in the flat list
Height
Define the height of the single item in the flat list
Border – Width
The border width configurations and alignment settings Left, Right, Top and Bottom can be defined here
Border -Radius
The Radius setting from Top Left, Top Right, Bottom Left, and Bottom Right can be defined here
Border – Color
Color for the single List can be customised on the Left, Right, Top and Bottom by selecting from the Color Palette
Border – Style
Style can be selected as Solid, Dotted, and Dashed
Spacing – Margin
The margin of the List can be customized from Left, Right, Top and Bottom
Effect – Elevation
This can be defined from 1 to 10
Color – Background
The background color of the single item on the List can be defined here
Is search
By selecting the search item from the property, the parallel style can be alternated here
Parameter
Description
Color
The color of the Icon, Text, Place holder and Background can be defined from the color palette here
Font – Family
Choose the font of the text from System, SansPro & Google SansPro.
Font – Size
Increase or Decrease the font size from 1 to 36.
Border – Bottom Width
Define the bottom width
Border – Color
Choose the desired color for the border from the color palette.
Border – Style
Style can be selected as Solid, Dotted, and Dashed
Border – Radius
Choose the radius of the border
Custom Action
Parameter
Description
Color
Icon and Background color of the whole flat list can be set here
Icon-Type
Type can be selected from Regular, Solid, and Light.
Icon -Size
Size can be set as small, Medium, Large, Extra Large, or Custom accordingly to the number
Selected List Background Color
The selected List background color can be set here
Separator
Parameter
Description
Background Type
The background of the space in between grids can be set as Color or Transparent, where when color is selected the palette will appear
Size
The size can be set here between 1 to 100
Data
Parameter
Description
Data Link
Here by the Flat List Data can be drawn from Services like API, JSON, SQLite, MODEL
Data Binding
Parameter
Description
Data Model
Choose the data model to be used on the flat list
Data Field
Select the data field to be displayed on the flat List
Actions
Events
Fields
Description
OnLoad
Define an event that should happen while loading the list
Onpress
Define an event that should happen while on a single press occur
OnLongPress
Define an event that should happen while on a long press
Onrefresh
While pressing/swiping refresh in the list what action should be taken can be defined here
Actions
Parameter
Description
Navigate to
To which page it should navigate while pressing flat list controls can be defined here