Card - Icon

Card - Icon is one of the templates in the List Builder used to transform data into visually appealing cards accompanied by icons, enhancing insights and engagement.

Configure card - icon

To set up a Card - Icon, go to the Template field in basic properties and select Card - Icon.

Number of columns

Number of Columns settings allow you to define how many columns of data will be displayed on different devices. This ensures that your data is presented optimally regardless of the screen size, providing a better user experience across mobile, tablet, and desktop devices.

When you select Card - Icon, you will see the following properties available for configuration:

• Mobile Columns: Define the number of columns displayed on a mobile device. This setting ensures the list is optimized for smaller screens, improving user experience on mobile devices.
  
• Tablet Columns: Define the number of columns displayed on a tablet device. This setting helps adjust the list layout for medium-sized screens, providing a better tablet viewing experience.
  
• Desktop Columns: Define the number of columns displayed on a desktop device. This setting configures the list layout for larger screens, ensuring the data is presented clearly on desktops.
  
• Split the List by Column: Enable this option to divide the list into multiple sections based on the values in a selected column. This allows for better data organization, as it groups related entries based on the chosen column, making it easier to navigate and analyze specific data segments.
• Enable User Customization?: Check this option to allow users to customize the list view according to their preferences.
  When enabled, additional fields become available for configuration.

User customization settings

User Customization Settings enable users to personalize their view of the data list. When this option is enabled, users can adjust settings such as default and non-removable cards, ensuring that the data is displayed according to their preferences and needs.

Fields to Configure:

• Default Cards Retrieve By:
  • Ids Separated By Semicolon
  • By Column Value
• Default Cards (Ids Separated By Semicolon): List of default cards identified by separate IDs using a semicolon.
• Non-removable Cards Retrieve By:
  • Ids Separated By Semicolon
  • By Column Value
• Non-removable Cards (Ids Separated By Semicolon): Unchangeable cards listed by IDs, separated with semicolons.