Gallery Editor
Updated
Navigate to the Gallery Editor
From Gallery Management, double-click on the Gallery preview.
Overview of the 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 |
|
Gallery Editor Tabs
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.