#87

Product support

Get help in the plugin support forum.

Categories

  • Developer Tools
  • Utility

Page Preview lets you to preview your CMS pages before saving them. It's a real preview, which support responsiveness check, markup, code, AJAX and components. With this plugin, you can securely edit your page in production environment, and gain a lot of time.

New: Page Preview now support Rainlab Static Pages plugin (optional).

It is not invasive, no database entry nor page saved on your disk. A simple preview icon is added beside the save button when you add or edit a page, click and preview, as simple as that ! A must have.

Features

  • Preview pages while create or edit them
  • Check the responsiveness of a page with dedicated buttons
  • Edit the markup, code, layout, everything and show immediately the result
  • AJAX and components support
  • A simple icon is added, not invasive
  • Pages are cached, not saved during preview (Version control will not notice it)
  • New: Support Rainlab Static Pages plugin (optional)
  • New: Customize your preview (slugs, GET/POST parameters and user control)
  • New: Quick save after preview
Available locales

Installation

  1. Go to the Settings > Updates & Plugins page in the Backend.
  2. Click on the Install plugins button.
  3. Type the Page Preview text in the search field.

Usage

In the CMS page editor (while adding or editing a page), click the "eye" button beside the save button. A popup page will appear showing you your page preview. You can click buttons on the top of the popup in order to check the responsiveness of your page. Click on the little cross on the top right of the popup or everywhere outside the popup to close it.

Click on the Save button, to quickly save the page and close the preview. Click on the Options button to open an inspector which lets you customize your preview :

  • URL slugs : If your page url contains :slugs, you can insert them in this field in order to show the corresponding page.
  • GET/POST parameters : If your page display specific content according to GET or POST parameters, you can define them here to show the result.
  • User logged in : This option is useful if your page display specific content according to the user status.
1.1.8

Replace array constants with variables because of compatibility issues with earlier versions of PHP.

Jul 24, 2017

1.1.7

Fixes bug where popup is not showing if topbar is collapsed.

Jun 23, 2017

1.1.6

Hungarian locale added thanks to Szabó Gergő.

Jun 22, 2017

1.1.5

Page preview can be accessed via GET request if the page is cached.

Jun 22, 2017

1.1.4

Responsiveness check widths changed so the range between each size is bigger.

Jun 22, 2017

1.1.3

Locale Picker component property 'forceUrl' set to false during preview to prevent redirection.

Jun 22, 2017

1.1.2

Save button added to the preview popup to quick save after preview.

Jun 22, 2017

1.1.1

Preview options added to customize the preview.

Jun 22, 2017

1.1.0

Page Preview now support Rainlab Static Pages plugin

Jun 22, 2017

1.0.1

First version of Page Preview.

Jun 05, 2017