Visualizations are an easy to use and effective way of previewing your content and ensuring it meets your requirements before you save it to an edition to be scheduled for publishing, or at any time during the content production process.
If a visualization has been added to a content type, when content of this type is edited in the Content Library, the visualization is displayed in the right hand side of the content editing window. The image below shows a visualization for a carousel, consisting of several different carousel slides that can be cycled through using the arrows, just as the content will appear on a website or in an app.
The visualization display can be toggled on and off by clicking the eye icon at the top of the screen and can be opened in a separate window by clicking the icon on the right hand side of the window. If you edit the content, the visualization will be updated whenever the changes are saved.
You can use the device size menu to see how the content displays on different device screen sizes. The image below shows a preview of the content on a mobile device in landscape orientation, but you'll also want to ensure that it displays correctly on a tablet or desktop, or on any device size that you have set up. You can add your own device sizes in the visualization settings window.
In the settings window you can configure the device sizes at which you want to be able to view a visualization. Desktop, tablet and mobile sizes are set up by default, but you can edit these and add your own devices.
The default visualization environment is specified in the settings window. This is the environment within which all visualizations are displayed and will usually have already been configured for you.
If an error message is shown rather than a visualization, then you will need to check that the visualization environment is valid and that your IP address is included in the "white list" included as part of the configuration.