Gallery Editor

Updated 

Navigate to the Gallery Editor 

From Gallery Management, double-click on the Gallery preview.


Space_Gallery_Gallery Editor_Navigate to.gif

Overview of the Gallery Editor

image.png

#
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

Revert

Revert to a previous version of your Gallery.

Publish

Publish your most recent updates. Galleries that are embedded in your site will update within 15 minutes.

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. 

image.png

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.

image.png

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.

GifMakerProject248.gif 

Settings Tab

Adjust experience settings such as scroll type and data refresh rates.

image.png