Dynamic repeating list of control
DronaHQ's List Repeat Control is a powerful feature that allows users to create dynamic repeating lists of control within their applications. This functionality enables users to generate lists of items with varying properties, quantities, or data dynamically. It is particularly useful in scenarios where users need to manage multiple items, such as to-do lists, shopping lists.
List repeat control has some restrictions on controls that can be added to it. we can drop input or controls that are created using
Control Designer. It is most preferred for controls created using
Flexible Data Representation: The Dynamic Repeating List of Control provides flexibility in representing data, as users can add functionalities as
Enhanced User Interaction: Users can interact with the list by filtering items using
pagination, creating a seamless and intuitive user experience.
Efficient Data Management: This feature simplifies the process of managing multiple items by organizing them in a structured list format, streamlining data visibility.
Real-time Updates: Any changes made to the list, such as refreshing or moving to next page items, are immediately reflected in the user interface, ensuring real-time updates for better visibility.
- The List Repeat Control enables users to define a list of control or item that can be repeated dynamically.
Dynamically Load Data
- Users can refresh or paginate data with ease, providing a seamless way to manage data.
- Each item in the list is bound to a separate data source, allowing for accurate storage and retrieval of data for each entry also when using pagination.
- Users can customize the appearance and layout of the list items to match their app's theme and branding.
- The List Repeat Control is designed to be responsive, ensuring a consistent user experience across various devices.
Customizations in List repeat control
|Is the toggle to switch ON or OFF to display the divider.
|Toggle button to enable or disable single select.
|Sets the background color for list repeat.
|Is the toggle to switch ON or OFF to display the Search box.
|Is the toggle to switch ON or OFF to display the Refresh button.
|Is the toggle to switch ON or OFF to display the Download button.
|When this option is toggled on, we can scroll horizontally when we have multiple items in the list.
|Is used to specify whether dots indicating multiple items should be displayed.
|To use this feature you need to toggle on
Allow Pagination, to use this feature our api should support pagination. There are 2 types of pagination's supported by DronaHQ
limit offset based and
cursor based. you can also decide the position where this pagination bar will be displayed by setting
Pagination Bar Location property.
|Columns on phone
|Using this user can decide the layout for phone and mobile devices.
|Columns on desktop
|Using this user can decide the layout for Desktop device.
Show arrow on Web: Is used to specify whether an arrow to scroll to next item should be displayed. This is for the Web app.
Use Case Scenario
Let's consider a task management app where users can create and manage their to-do lists. Traditionally, without the Dynamic Repeating List of a Control, users would have to create a fixed set of cards or components show the list of tasks. This limitation may not cater to users with varying numbers of tasks on their list or those who may add new tasks over time.
By leveraging the List Repeat Control, the app developers can implement a dynamic list of tasks. Users can give a list of tasks as needed, and the app will automatically replicate the task cards of components created in control designer for each new entry. This dynamic repeating list of a control ensures that users can manage an ever-changing number of tasks with ease.
Initially, the user creates a to-do list with three tasks.
If the user wants to add more tasks, they can simply create and different logic and click an
Add Task button, and a new task inputted will be visible in list repeat section will be dynamically appended to the list.
If the user wants to remove a task, they can create a different logic and click a
Delete button and load that data again to the list repeat control and it will remove it from the list.
As a result, users can efficiently manage their to-do lists, and the app provides a user-friendly and customizable experience for managing tasks of varying quantities.
It also gives users the ability show large data with pagination and using search to filter out data, as they can use download button to download loaded data in
DronaHQ's List Repeat Control empowers users to create dynamic repeating lists of a control within their applications, providing flexibility and efficiency in data management. This feature enhances user experience, simplifies data entry, and ensures real-time updates for better usability. By incorporating the Dynamic Repeating List of a Control, app developers can create versatile and user-centric solutions for managing various types of data lists, benefiting a wide range of industries and use cases.