Preview
The Preview screen allows you to view the content of the asset with the design of the Site. It also allows you to see the cached version of the page.
Bookmarks to the headings on this page:
Preview Options
The Preview Options section is shown in the figure below.
The Preview Options section of the Preview screen
The fields available are as follows:
- URL: by default, the main URL of the asset is displayed in this field. If the asset has more than one Web Path applied, a list will appear in this field. Select which URL you wish to preview and click the Preview button.
- Design: by default, the Default Frontend Design is displayed in this field. This means that design that has been applied in the System Defined Front End Design field on the Settings screen will be displayed. If User Defined designs have also been defined on the Settings screen of the asset, a list will appear in this field. For example, a printer friendly design may also be applied to the asset. Select the design you wish to preview and click the Preview button. For more information on how to apply Designs to an asset, refer to the Settings chapter in this manual.
- Context: this field allows you to select a context to preview the asset in. If Alternate Contexts have been created on the system, a list will appear in this field allowing you to select which context to view. For more information, refer to the Contexts manual.
-
Use Cache: by default, the non-cached version of the page will appear on the Preview screen. To view the cached version of the asset click the Use Cache box and click the Preview button.
Tip: If your Site is being cached, the cached version will be different from the current edited version of the asset.
- Preview button: this button allows you to view the asset in the Preview section below. If you change any of the above options, you need to click this button in order for the preview to be updated.
-
Calculate Size button: this button allows you to calculate the size of the asset that you are currently previewing. This includes the size of the HTML content, body content, CSS, JavaScript and Media files. When you click this button, the size of the asset will appear, as shown in the figure below.
The asset Size information
Preview
This section shows the preview of the asset within the design that has been applied. Click on the show in new window link to open the preview in a new screen.
The Preview section of the Preview screen
Show Diff
When the Status of the asset is Safe Edit an option called Show Diff will appear in the Preview Options section of the Preview screen, as shown in the figure below.
The Preview Options section
This option allows you to compare the current edited version with the current Live version (or the last published version). To see any differences to the page content, including Metadata Field values displayed on the frontend, click the Show Diff box and click the Preview button. The Preview section will show content that has been deleted (by boxing it in red and striking it out) and inserted (by boxing it in green). An example of this is shown in the figure below.
The Show Diff tool on the preview screen
Tip: The Show Diff function will also display differences to any Paint Layouts applied to the previewed asset, provided that the Paint Layout assets are also in Safe Edit mode.