List Group Element Settings

Modified on Fri, 03 Dec 2021 at 07:01 PM

Advanced Settings - 

From this advanced setting of “List group” Element once can change the formatting of the list to “ordered List” or “Icon list”.

 

 

Icon List. 

 

 

Click on the “Click Me” Button to select from numerous icons to add as a icon in the List group element. 

 

 

Ordered List.

 

 

 

List style - It can be changed to number, bullets, circle, ABC etc.

List Style Position - It can be set to Outside or inside the component using this setting.

 

List Settings. 

 

Icon Size - Set the Icon Size of the list item to “Same as text size” or “custom-size”. 

Custom Size - Set the Custom size of the icon.

Icon Distance - Change the Distance between the icon and the text using this setting. Icon distance can be set using the green round slider button.

Icon Color - Change the color of the icon by selecting a color from the color palette.

Font Size - Change the font size of the font used in the “list item” element.

 

 

Text Color - This setting is used to change the “color” of the text. Text color if referred to the color of the text used in the list group element.

Font Family - Select the font family of the text used in the list item group element.

Font weight - Change the font weight. For example - bold, normal, Light.

Letter Spacing - This setting is used to adjust the space between two letters (horizontally).

Line spacing - changes the spacing between two lines of text Vertically.


Capitalization - Select the Capitalization format of the text from the options like uppercase, lowercase, Capitalize.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article