Icon List

Yeeflow team
Yeeflow team

The Icon List Control creates an easy-to-manage list of items, with each item highlighted by its own icon.

IconList_overview.jpg

 

Content Tab

Layout

Choose Default or Inline. Default displays items in a vertical list, while Inline displays items horizontally.

IconList.gif

Items

  1. Text: Enter the list item’s text
  2. Icon: Select the icon for the item
  3. Link: Enter the URL for the item’s link. Click the Link Options cog mceclip0.png to open the link in a new window.

Note: Both the text and the link of the Icon List items can be generated dynamically by clicking the Dynamic icon next to each, and choosing the source of the data.

 

Style

General

  1. Space Between: Control the space between list items
  2. Alignment: Align the list left, right, or center
  3. Divider: Turn the item divider lines on or off

If the Divider option is turned on, the following style options become available:

  1. Style: Choose from Solid, Double, Dotted or Dashed
  2. Weight: Set the thickness of the divider
  3. Width: Control the width of the divider relative to the container
  4. Color: Choose the divider’s color

Icon

  1. Icon Indent: Set the distance between the left of the item and the Icon. 
  2. Icon Size: Set the exact size of the icon
  3. Hover: Choose the color of the icon’s hover state
  4. Icon Color: Choose the icon’s color

Text

  1. Text Indent: Set the distance between the icon and the text
  2. Typography: Set the typography options for the text
  3. Hover: Choose the color of the text’s hover state
  4. Text Color: Choose the color of the text

 

Advanced Settings

Set the Advanced options that are applicable to this control.

 

Was this article helpful?

/

Comments

0 comments

Please sign in to leave a comment.