Icon Button

The Icon button component allows a button with an icon and text to be added to a Component grid.

FieldDescription
Icon A subset of Font Awesome icons.
Link Text accompanying the icon and URL destination of the button.

How to add an Icon button

  1. Select Icon button from the Component type drop down list and click the Add new Component or Add another Component button.

  2. Choose an Icon to use.

  3. Provide the Link Title and URL.

Things worth mentioning

  • The icons available in the Icon drop down list are from Font Awesome 4.  The linked page may help you locate a desired icon.  However, not all icons listed on that page are available as our version of Font Awesome predates version 4.7.  Some of the icon names appear to be out of place due to aliases for the icon.  For example, university is listed in the Icon drop down list where its alias, bank, falls alphabetically.

  • On larger devices, when the size of the browser window is wider than 1440 pixels and where available space allows, the chosen Icon and the supplied Link Title will be horizontally next to each other instead of vertically stacked.

Examples

This is an example of a Component Grid with three Icon button components.