Are you enjoying the extensions? Did you like the support? Help others decide

Leave a review

Pre-fields options

Pre-fields are elements that show before a field. These can be a label or an icon.

Setting the All pre-fields value can help aligning the fields on the contact cards when labels or icons are shown. Here are behaviors you can expect to see from the values you set in the extension.

The following examples show the name, country and website fields without label or icon.

All pre-fields Label width Result
set to 'nothing' 0 All pre-fields set to nothing, no width
set to 'nothing' 70px All pre-fields set to nothing
set to 'label' 0 All pre-fields set to label, no width
set to 'label' 70px All pre-fields set to label
set to 'nothing' All pre-fields set to noting
set to 'icon' All pre-fields set to icon
Here, depending on the theme used and how the layout is setup, you may want to hide the noicon class via CSS on the field fieldname.
New v4.1

Wrapping field values

By default, all values are forced to show on one line, to the exception of text blocks and formatted addresses. It is now possible to wrap values so that they can be seen no matter the size of the card.

Wrap under: No

The value of the field wraps, but does not use the space under its pre-field.

Wrap under set to no

All pre-fields Mode Result
set to 'nothing' landscape All pre-fields set to noting, wrap under set to no
set to 'nothing' portrait All pre-fields set to noting, wrap under set to no
set to 'label' landscape All pre-fields set to label, wrap under set to no
set to 'icon' portrait All pre-fields set to label, wrap under set to no

Wrap under: Yes

The value of the field wraps and uses the space under its pre-field.

Wrap under set to yes

All pre-fields Mode Result
set to 'nothing' landscape All pre-fields set to noting, wrap under set to yes
set to 'nothing' portrait All pre-fields set to noting, wrap under set to yes
set to 'label' landscape All pre-fields set to label, wrap under set to yes
set to 'icon' portrait All pre-fields set to label, wrap under set to yes

Wrap under: All

The pre-field uses the full width of the card, the value shows under it.

Wrap under set to yes

Force one line Mode Result
set to 'yes' landscape No wrap, wrap under set to all
set to 'yes' portrait No wrap, wrap under set to all
set to 'no' landscape Wrap, wrap under set to all
set to 'no' portrait Wrap, wrap under set to all

Related tutorials and topics

Featured Blogs