List Group

The List Widget is a list of items that can include the nesting or holding of other widgets. The initial list is set up for you to drag and drop other widgets into the list. icons, text, and badges can be used in the List Widget.

When first dropped onto a page, the List Widget is displayed in the Page Editor as seen below. Double click the widget to reveal the Advanced Properties Window.

Advanced Properties

...
Style

There are three options for the List Group’s Style:

  • 1. Default.

  • 2. Inset: displays the component with rounded borders and centred within its parent container.

  • 3. Flush: removes borders and rounded corners. The list-group will be displayed edge-to-edge within its parent container.

With the + and - buttons, you can add or remove list items and set the item title.You can reorder the lines if needed directly in the list by drag and drop.

Title

The list item title.

Style (Color)

The Style (Color) selector allows you to set the background color of the list item.

Selected

If that option is selected, the line will be selected by default.

Disabled

If that option is selected, the line will be disabled by default.

Badge

The badge input allows and badge color selector lets you denote the number of items.Setting the color gives the badge a rounded appearance with the chosen color’s background.

Icon

The Icon selector gives you an opportunity to choose an icon for the list item.

Item List

The Items List is a way for you to add additional items (places to drop your various widgets) to your list group.

ThUse + button that is located at the bottom of the Item List area to add an Item.
Use - button that is located at the bottom of the Item List area to delete an Item from the list.

Action

Allow you to define the action associated.

Example
Copyright©  Nymphide Lab 2020 - All Rights Reserved 

...