Skip to main content

List component

Structure the item information with the list component.

Yuliia Skrybantovych avatar
Written by Yuliia Skrybantovych
Updated over a year ago

Available for e-Detailers and their briefs, emails and their briefs, landing pages

With the LIST component, you can organize and present information in a structured way. The list component allows you to arrange the required text sequentially and attract attention to key points.

To add this component to your item, drag LIST from the Components tab on the elements panel to the item layout.

To customize the list component, select it on the item layout and go to its Properties tab.

The set of available properties depends on the item type you're editing.

You can also configure the list component styling, add actions and animation effects to it on the dedicated Editor tabs.

e-Detailers and their briefs

On the Properties tab, you can configure the list component for e-Detailers in the following way:

  • Assign the element type to classify the component in Veeva Vault.

  • View and change the component name. It appears on the Tree tab of the elements panel in Editor.

  • Browse for a custom marker icon in the Assets pop-up.

  • Set the list marker size in pixels.

  • Change the text line indent in pixels.

  • Select the list marker positioning.

  • Add the required text manually or upload it with the BROWSE button.

You can improve the visibility of light text in the text input area with the Dark background toggle.

Customize the required text lines on the layout with the inline editing. For this, double-click the list component on the email layout.

Emails and their briefs

On the Properties tab, you can configure the list component for emails in the following way:

  • Change the text line indent in pixels.

  • Add up to 99 rows to the list component with the + button.

In the ROWS section, you can use the following controls to manage the entries:

Control

Action

Unfold the entry to customize its values

Duplicate the required entry with its properties. The duplicated entry is added after the original one

Delete the existing entry

Unfold the required ENTRY section to do the following:

  • Enter the sequence number or upload the entry mark with the BROWSE button.

  • Add the text manually or upload it with the BROWSE button.

    You can use the WYSIWYG editor for the text customization.

Improve the visibility of light text in the text input area with the Dark background toggle.

Customize the required text lines on the layout with the inline editing. For this, double-click the list component on the email layout.

Landing pages

On the Properties tab, you can configure the list component for landing pages in the following way:

  • Select a list type: Bullet, Number, or Image.

    • For the Bullet list, choose the bullet symbol and set its fill, opacity, size, and spacing in pixels. You can also select the Custom symbol and enter it manually.

    • For the Number list, select Roman, Arabic, or alphabetical numeration as a list symbol. Set the number to start from, its fill, opacity, size and spacing in pixels, and align the symbol.

    • For the Image list, upload the image for the list symbol. Add the image alternative text and set the image size, top spacing in pixels.

  • Indent the text from the list symbol.

  • Set the spacing between the list entries.

In the ENTRIES section, you can add up to 99 entries to the list component with the + button.

Use the following controls to manage the entries:

Control

Action

Unfold the entry to customize its values

Duplicate the required entry with its properties. The duplicated entry is added after the original one

Delete the existing entry

Unfold the required ENTRY section to add the text manually or upload it with the BROWSE button.

You can use the WYSIWYG editor for the text customization.

Improve the visibility of light text in the text input area with the Dark background toggle.

Customize the required text lines on the layout with the inline editing. For this, double-click the list component on the landing page layout.
​
​

Did this answer your question?