Design the Experience (Owned Content)
Updated
After setting up Engagement Dashboards, curating content, and tagging posts, you're ready to begin creating the Gallery itself. First, you'll start with adding a Gallery and then you will move on to editing the appearance and feel.
Create a Gallery
Click the New Tab icon
and select Gallery under Manage your Customer Experience.
From the Gallery Management page, click the Addition icon
to begin creating the new Gallery. Enter the Name for your Gallery and click Next; this name may be updated at any time.
Now, select the Engagement Dashboard and Column that you want your Gallery content to originate from. Click Confirm to enter the Gallery Editor.
Design Experience
Learn more about the Gallery Editor here.
Overview of Gallery Editor
# | Term | Description | ||||
1 | Designer Tab | Customize design experience through standard WYSIWYG controls. Change layout, card type, etc. Your Gallery will dynamically update with the preview rendering on the left side of the page. | ||||
2 | Developer Tab | Separated into three tabs, (CSS Tab, JSON Tab, and JS Tab) create custom enhanced visualizations via CSS and Javascript code. You will also find a a JSON Tab that pulls in configurations set up from the Style Tab, Data Source Configuration Tab, and Animation Tab. | ||||
3 | Data Tab | View or edit feeds that are pulling in data from your selected sources. Within Gallery, you can pull in data from your environments Engagement Dashboards. | ||||
4 | Settings Tab | Change settings such a scroll type and data refresh rates. | ||||
5 | Editor Actions |
|
Designer Tab
Customize widgets and general appearance through standard WYSIWYG controls. Note that depending on the template type you selected, you will have different styling options.
Developer Tab
Using your web browser's developer tools, identify the class(es) of the visual element(s) you'd like to change within your Gallery. Copy the associated class selector and paste the code snippet into the CSS section of the Developer Tab.
Data Tab
From this tab, you can change/update the Engagement Dashboard and Engagement Dashboard Columns that are the source of data that is displayed on your Gallery.
Settings Tab
Adjust experience settings such as scroll type and data refresh rates.