Skip to main content
Coded component

Import source code, images, texts, and other Veeva Vault assets to your items in Editor with the coded component

Yuliia Skrybantovych avatar
Written by Yuliia Skrybantovych
Updated over 11 months ago

Available for e-Detailers / e-Detailer briefs / emails / email briefs / email fragments

The CODED component is a placeholder for complex combinations of resources from Veeva Vault: source code, images, videos, texts, graphs, charts, and tables. The combination appears on the layout as a single unit, and you can customize its inner assets individually with inline editing or on the Properties tab.

You can add the coded component to the item layout and block. For this, drag CODED from the Components tab on the elements panel to the required place on the layout.

To upload an asset to the coded component:

1. Select the coded component to the layout.

2. Go to the Properties tab and click BROWSE.

Here, you can also rename the CODED component.

3. Log in to your Veeva Vault account, if required.

4. In the Assets pop-up that appears, select the asset.

Its DETAILS panel opens on the right.

Find the required asset faster with metadata filters or search.

5. Click ADD.

For the successful asset upload, make sure that the channel type of the selected asset matches the item type you're editing. You can find the asset channel type on its DETAILS panel or on the document information page in Veeva Vault.

The uploaded asset appears inside the coded component on the layout. Now, you can customize the asset on the Properties tab.

The set of asset properties and editability is determined by its configuration.

You can also configure the coded component position and styles, add actions and animation to it on the dedicated Editor tabs.

To upload a new coded component, select the added one on the layout and click BROWSE placed after all properties.

You can add Veeva Vault modules with the coded component to your item. For this, drag the coded component to any block on the layout. Then, select the required module in the Assets pop-up.

When the module with the coded component appears on the layout, you can customize its assets and use the Assets pop-up to replace the required ones.

Did this answer your question?