Link icon usage

Last updated on
17 June 2019

Link icon usage can be found within entity configurations under Manage Display including:

  • Content Types: admin/structure/types/manage/ENTITY_MACHINE_NAME/display
  • Custom Block Types: admin/structure/block/block-content/manage/ENTITY_MACHINE_NAME/display
  • Paragraphs: admin/structure/paragraphs_type/ENTITY_MACHINE_NAME/display

Usage

Within each entity display configuration, any Link field type will have a 'Link icon, based on Title' display format.

Per-Field Configuration

Each link field has the following configuration options:

Icon prefix class

A "prefix" or "namespace", e.g.: icon (Fontello), fa (FontAwesome), st-icon (Stackicons), genericon, fonticon, etc. 
If the link title is Facebook, it will create classes: icon icon-facebook for Fontello, or fa fa-facebook for FontAwesome > 3. 
The individual icon class itself is based on the link text key matching the pattern: icon-KEY, or fa-KEY.

Additional wrapper class

Additional wrapper class for the entire icon list apart from item-list item-list--linkicon.

Add the classes to the A tag. (checkbox)

By default linkicon adds additional SPAN tag to hold the icon, enable this to add the classes to the A tag instead. This is all about DIY.

Allow linkicon to provide CSS assets (checkbox)

Otherwise, DIY accordingly.

The title and tooltip maxlength

Limit the amount of characters if using token replacement for the title and tootip as defined at the widget settings, default to 60 characters.

If provided, the link title will be overriden with this text, e.g.: Visit the site, View Demo. Token is supported.

Icon position to the title text.

Provides icon positioning in relation to the title text (left, bottom, right top0. Defaults to Left.

Help improve this page

Page status: No known problems

You can: