This article describes what properties are used in the eWizard.js components.
Property | Type | Description | Used in |
| String | The automatically generated item ID | e-Detailer components: |
| String | Defines how the element is aligned on the page | Email components: |
| String | Defines if the icons are aligned | Email components: |
| String | The alternative text for the image | |
| Boolean | Starts the video playback when opening the slide | |
| String | The card image caption text | Email components: |
| String | The caption text position. Possible values are: | Email components: |
| String | The caption text vertical alignment. Possible values are: | Email components: |
| String | Set the table data cell class | Email components: |
| String | The icon of the close button | e-Detailer components: |
| String | The position of the close button | e-Detailer components: |
| Boolean | You can close the pop-up by clicking outside of it if the value is | e-Detailer components: |
| String | The component label displayed on the component Properties tab in eWizard Editor | e-Detailer components: |
| String | The element alignment in the table header cell: | Email components: |
| Boolean | Shows the video controls | |
| Object | Add the CSS style to the table data cell element using an object | Email components: |
| Number | Defines the starting card number of the carousel by default | e-Detailer components: |
| String | The text of the calendar day | Email components: |
| String | The event description or the name of the presentation delivered by the speaker. This object is a part of the | Email components: |
| String | Controls the card rotation direction. Rotate the cards | e-Detailer components: |
| Number | The divider line alignment on the page. Possible values are | Email components: |
| String | The hex code of the divider line color | Email components: |
| Number | The divider line width in pixels | Email components: |
| Number | The divider line length from 0 to 100% | Email components: |
| Boolean | Opens the video in full screen mode when you start the video playback | |
| Boolean | Makes the button full width of the page | Email components: |
| [String, Array] | Use the custom function to set the table data cell width and padding | Email components: |
| Boolean | Shows or hides the tab names next to the tab on the layout: | e-Detailer components: |
| Number | The height of the component | Email components: |
| Boolean | Set the value to | e-Detailer components: |
| String | Social icon border color | Email components: |
| String | Defines if the icon corners are squared or rounded | Email components: |
| String | The alternative text for the card image | Email components: |
| String | The path to the card image | Email components: |
| Number | The width of the image container | Email components: |
| Number | The caption text indent in pixels. The value must be more than | Email components: |
| Boolean | If | e-Detailer components: |
| Boolean | Shows or hides the time range column on the agenda | Email components: |
| Number | Border width of the social icon | Email components: |
| Number | The indent between the items | Site components: |
| Array | Item settings. Includes the properties of each item. | e-Detailer components: |
| Number | Social icon width | Email components: |
| Number | The line height of the button text | Email components: |
| String | The clickable link | Email components: |
| Boolean | Loops the video playback | |
| Number | The maximum number of email fragments you can insert into the email in Veeva Vault | Email components: |
| Number | The minimum number of email fragments you can insert into the email in Veeva Vault | Email components: |
| String | The text of the calendar month | Email components: |
| Boolean | Mutes the video when you start the playback | |
| String | The color for the not selected tabs. Use the hex code or RGBA to define the fill color. | e-Detailer components: |
| String | Controls whether the items rotate horizontally or vertically | e-Detailer components: |
| Number | Set the playback duration in seconds | |
| Number | Determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective | e-Detailer components: |
| Boolean | Plays the video inline within the playback area | |
| String | Path to the poster image (thumbnail) that appears on the video | |
| Number | The radius of the carousel | e-Detailer components: |
| String | The width, style, and color for the selected tab border | e-Detailer components: |
| String | The color for a selected tab. Use the hex code or RGBA to define the fill color. | e-Detailer components: |
| Number | Controls the rotation speed | e-Detailer components: |
| Number | The angle that shows how far the | e-Detailer components: |
| Boolean | Displays the close button if the value is | e-Detailer components: |
| Boolean | The pop-up appears when you open the slide if the value is | e-Detailer components: |
| Boolean | The area around the pop-up is grayed out if the value is | e-Detailer components: |
| String | Shows the poster image on the video | |
| String | The speaker name. This object is a part of the | Email components: |
| Array | The array of rows with the time range, event description, and speaker name. This array includes the | Email components: |
| String | The path to the tab icon | e-Detailer components: |
| String | The tab icon position relative to the tab name: | e-Detailer components: |
| String | The readable tab name with the CSS text style. The default names are: | e-Detailer components: |
| Array | The tab group array where each tab is an object that includes individual tab properties: ID, name, and icon. By default, the tab group includes three tabs. | e-Detailer components: |
| String | The tab bar color. Use the hex code or RGBA to define the fill color. | e-Detailer components: |
| String | The editable text displayed on the slide layout in eWizard Editor | e-Detailer components: |
| String | Aligns the button text in the full width mode. The property includes an array of the following options: | Email components: |
| Number | The left margin of the card text | Site components: |
| String | The start time of the event. For example, | Email components: |
| String | The symbol to visually separate the start time and the end time of the event. For example, use colon as a time separator: | Email components: |
| String | The end time of the event. For example, | Email components: |
| Number | The margin at the top of the card image | Site components: |
| String | The flexbox layout type. Two types are available: | Email components: |
| String | The path or link to the asset file, such as image or video | |
| String | The video alternative text. The maximum length is 100 characters. | Email components: |
| String | The path to the video thumbnail | Email components: |
| String | The video URL address. The video opens in a new browser tab. | Email components: |
| Number | The width of the component | Email components: |