Universal components are available in ModCon 2.0 templates. Contact the administrator to update your templates.

Cross-channel compatibility for components is available in eWizard grid-based templates, supporting the reuse of selected components—such as text, list, button, popup, and video—across e-Detailers, emails, their briefs, and modules. This functionality streamlines the creation of rich, modular content that conforms to the specific interaction model of the destination content item.

Button

The button component, integrated into templates with a grid-based structure, seamlessly adapts to different content items while preserving its key properties.

You can add the button component to the content item layout from the Components tab on the elements panel.

To customize the button component, select it on the layout and go to the Properties tab.

Here, you can manage the button component in the following ways:

Assign the element type to classify the component in Veeva Vault PromoMats.
Change the component name.
Add or upload some text to the button. Click the button text area to activate the WYSIWYG editor.
Improve the visibility of light text in the text input area with the Dark background toggle.
Set the component line height in pixels.
Select the button text alignment: Left, Center, Right, or Justify.
Choose the component alignment.
Set the component width in pixels.
Set the minimal height of the button component to maintain its consistent size across different layouts. Available for e-Detailers and their briefs.
Select the Full width checkbox to align the button with the content item layout width.
Add the required link type to the button component depending on the content item type. For this:
- In emails, their briefs, and modules, go to the Properties tab and click the button.
- In e-Detailers and their briefs, you can either add a link on the Actions tab with the Open link action or click the link button on the Properties tab.
If an action is assigned to the button, the LINK section on the Properties tab is hidden automatically.

List

Designed for flexibility and consistency, the list component helps structure information clearly. It adapts to the interaction and layout requirements of each destination content item, supporting efficient creation of modular, reusable content.

After you drag the list component from the Components tab onto your content item layout—or select an existing list component that's part of reusable content—you can customize its properties as follows:

View and change the component name. It appears on the Tree tab of the elements panel in Editor.
Add up to 99 items to the list component with the + button.

Use the following controls to manage the list items:

Control	Action
	Duplicate the required list item with its properties. The duplicated list item is added after the original one.
	Delete the existing list item.

You can add the required text to the list text lines in the following ways:

Manually—double-click the text line of the list component on the layout and enter your text.
Upload text—select the required text line of the list component on the layout and go to the Properties tab. Here, click the BROWSE button and select text in the Assets popup.

To use the WYSIWYG editor for the required text customization, select the text line on the layout and go to the Properties tab.

e-Detailers and their briefs

In e-Detailers and their briefs, you can change the list symbol. For this, select it on the layout or the Tree tab and use the Properties tab to upload and update the image, add its alternative text, and edit image text if required.

Popup

With cross-channel support for popups in content modules within grid-based templates, you can now seamlessly reuse these content modules across different channels, including e-Detailers, emails, and modules. The cross-channel popup component automatically adapts to the behavior of the target content item:

In e-Detailers and their briefs—the popup appears as a standard interactive POPUP component.
In emails, their briefs, and modules—the popup is displayed as an additional content block placed below the main block.

This enhancement expands the range of content supported by the ModCon 2.0 approach, offering greater flexibility and creative freedom when building modular content. Additionally, the support of the cross-channel popup component allows you to reuse complex content modules in different channels, according to the channel design specifics, without the loss of meaningful data.

You can add the popup to your content in different ways, depending on the content item type:

In e-Detailers and their briefs:

Drag the POPUP component onto the layout from the Components tab on the elements panel.
A list of available components changes depending on whether the layout uses a grid-based structure, and the system notifies you accordingly.

Go to the Blocks → DEFAULT tab and add a block that includes the popup component with the grid-based structure.
The availability of the required block depends on the content item template. Contact your administrator for details.

In emails, their briefs, and modules:

Add the block with the popup component from the Blocks → DEFAULT tab.
The availability of the required block depends on the content item template. Contact your administrator for details.

To customize the popup with the grid-based structure, select it on the Tree tab and go to the Properties tab. Here, you can manage the component as follows:

Property	Action	Available for
`COMPONENT NAME`	Rename the component if needed. Your changes appear on the Tree tab on the fly.	e-Detailers and their briefs
`CLOSE ICON BUTTON`	Browse for and add a custom close button icon if needed.	e-Detailers and their briefs
`ICON POSITION`	Choose the close icon position within the popup from the dropdown list.	e-Detailers and their briefs
`Show close button`	Select the checkbox to show the close button in the popup component.	e-Detailers and their briefs
`Show on slide enter`	Select the checkbox for the popup to appear when you open the slide with the popup.	e-Detailers and their briefs
`Close on outside tap`	Select the checkbox to allow closing the popup by tapping anywhere outside it. Clear the checkbox to require using the close button to close the popup.	e-Detailers and their briefs
`Show overlay`	Select the checkbox to gray out the slide area behind the popup. Clear the checkbox to keep the slide area behind the popup unchanged.	e-Detailers and their briefs
`Rearrange columns for Mobile view`	Clear the checkbox to arrange blocks with popups horizontally in mobile view.	Emails, their briefs, and modules

On the Tree tab, the popup component and blocks with popup are added on the same level as Grid. As a result, the structure of the layout is as follows:

After customizing the popup within the block in Editor, use bulk publication to send your content item to Veeva Vault PromoMats.

The system identifies blocks that contain cross-channel popups, and the following behavior on the publication steps is expected:

On the BLOCKS and MODULES steps, all publication options are available. You can create a content module from the block with the cross-channel popup.
On the ASSETS step, all assets from the popup component are included in the content module asset list and treated as regular assets.

Content modules with cross-channel popups can be reused in your content items by selecting them in the Assets popup or pulling them from the MODULES tab in Editor.

Video

The cross-channel video component automatically adapts to different content item types, maintaining consistent behavior whether used as a source file or as a poster with a link. This flexibility streamlines content creation, empowers wider multimedia reuse, and opens up new creative possibilities for engaging cross-channel experiences.

You can integrate the video component both into the content item layout with relative and absolute positioning.

After dragging the video component from the Components tab onto your content item layout, you can customize its properties in the following way:

Property	Action	Available for
`ELEMENT TYPE`	Assign an element type to the video component.	All content items
`COMPONENT NAME`	Rename the component if needed. Your changes appear on the Tree tab on the fly.	All content items
`VIDEO`	Upload a video file in the `VIDEO` section. For this, click `BROWSE` to open the Assets popup and select your video file. In e-Detailers and their briefs, when both a video file and a video link are provided, the uploaded file takes priority over the link. In emails and modules, playback is supported only for videos added through the `LINK` option.	All content items
`LINK`	Set and configure the video URL link type. For this, click and insert or enter the link to the video in the `Edit link` popup that appears. In emails and modules, clicking the video on the layout opens it in a new browser tab by default.	All content items
`Show controls`	Activate the video controls when playing it. The play icon is removed from the component display when this option is selected.	e-Detailers and their briefs
`Start playing on slide open`	Start the video on the e-Detailer slide opening.	e-Detailers and their briefs
`Fullscreen`	Open the video in fullscreen. Applies to uploaded video files only.	e-Detailers and their briefs
`Loop`	Set the loop playback for your video.	e-Detailers and their briefs
`Mute`	Turn off the video sound.	e-Detailers and their briefs
`Play video inline on mobile`	Select the checkbox to prevent the video from playing in fullscreen on mobile devices. You can't check the changes made by the `Play video inline on mobile` option in the PREVIEW mode.	e-Detailers and their briefs
`SHAPE`	Change the video container shape to a `Rectangle`, `Square`, or `Circle`.	All content items
`ALTERNATIVE TEXT`	Add the video description to the `ALTERNATIVE TEXT` field.	All content items
`PLAYING DURATION`	Define the duration value in seconds for your video.	e-Detailers and their briefs
`POSTER`	Add the preview image for the uploaded video. For this, click `BROWSE` in the `POSTER` section and select the required image in the Assets popup. To show the video preview image in e-Detailers, select the `Show poster for video` checkbox.	All content items
`PLAY ICON`	Change the play icon for your video. In emails and modules, select the `Show play icon` checkbox to display the play icon on the video.	All content items
`ALIGNMENT`	Select the following video component alignment from the dropdown list: `Left`, `Center`, or `Right`. By default, the component is aligned to the left. In e-Detailers and their briefs, the `ALIGNMENT` property appears under the `PLAY ICON` section when you add a video component to a grid-based layout.	All content items

The fields marked with asterisks (*) on the Properties tab are mandatory.

If you leave mandatory fields empty on the Properties tab, a message appears on the layout showing which components are affected. The message disappears automatically once you fill in all the required fields. It doesn't affect the content item editing or saving process.

The cross-channel video component validation is implemented for both bulk and interactive publications. The system automatically checks that all required fields—VIDEO, LINK, ALTERNATIVE TEXT, and POSTER—are complete. If any metadata is missing, the following behavior on the publication steps is expected:

Bulk publication
- On the BLOCKS step, the ERROR label appears under the block thumbnail, and the Publish as module checkbox is cleared and locked. You can proceed to the next step.
- On the MODULES step, the WARNING label appears under the content module thumbnail, all publishing options are locked by default. The system automatically preselects the Link existing option, so the content module is published without the latest changes made in the Editor.
Interactive publication
- On the PREPARATION step, the NEXT button remains locked until all required video metadata is completed.
If you're using an outdated content item template, the system blocks publication after the cross-channel component validation. The NEXT button is locked until you update the template to the latest version.

To proceed with the publication, go back to Editor and fill in the video component mandatory fields.

Component sizing

Available in templates with a grid-based structure

For greater flexibility in designing grid-based content, you can adjust the size of components with the SIZE section on the Styling tab. This enhancement provides more control over how components are displayed and how the overall grid composition is structured.

To proceed to the component size modification:

Add the component to the grid area or select the already added one on the content item layout.
Go to the Styling tab → SIZE section.

Here, you can manage the component size with the following options:

Option	Action	Notes
`W` Width	Enter the component width in pixels. You can set the value manually, adjust it with the field arrows, or use your keyboard arrow keys.	You can select the following component width modes (): • `Fill`—the component stretches to fill 100% of the grid area. This is the default mode. If you manually adjust the component width, the mode automatically switches to `Adapt`. When the grid area width changes, the component width also changes proportionally. • `Adapt`—the component adjusts to the value set in the `W` field. The size of the component in the `Adapt` mode can't become bigger than the width of the grid area.
`H` Height	Enter the component height in pixels. You can set the value manually, adjust the height with the field arrows, or use your keyboard arrow keys.	There're three possible height modes (): • `Auto`—the component height is determined automatically based on the grid area and width–height ratio. The height adjusts dynamically without manual input, and you can't change it. • `Fixed`—the component height is set to a specific value you defined in pixels. This ensures the height remains constant regardless of the content inside. • `Hug`—the component height automatically adjusts—expanding or shrinking as needed—to fit the content. In this mode, the height is controlled by Editor and can't be changed manually.

When a component is moved to a different grid area, it retains its alignment and size settings. If the width mode is set to Adapt, the width automatically adjusts in the new grid area to maintain the same proportion.

You can set the component size separately for the content item desktop, tablet, and mobile versions.

Mobile view

In Mobile view, components within grid areas automatically stretch to the full width of the grid area.