Tutorial:

Introduction

Preview Button

Preview T
Better Preview provides you with a Preview Button for the article you are working on, both in the Editor and in the Toolbar, which generates a modal popup with the preview of the article. See what the article will look like before saving or publishing it!

Advanced View Site

Better Preview: Dropdown
Better Preview also changes the way the "View Site" link in your administrator works. It will make that link go to the frontend equivalent of that page. It will also display links to any parent pages (like parent category pages when editing an article).

Components Supported

The free version of Better Preview supports Core Components Articles, Categories, and Menu Manager, while the Pro version also adds support for K2 (partially) and Zoo.

Settings

Better Preview is packed with options, giving you control over how it works and behaves. Here is the full list of the options you can find in the Better Preview System Plugin Settings:

View Site Options

Display Title Link Select to convert the View Site link in the Title position to the Better Preview pulldown link.
Display Status Link Select to convert the View Site link in the Status position to the Better Preview pulldown link.
Reverse Status Link Select to reverse the order of the items in the pulldown (or pullup) in the Status position.
Show Type Select to show the link type in the list of links.
Show URL Details Select to show an clickable icon in the list of links that shows you extra URL details.

Preview Button Options

Display Editor Button Select to display an editor button.
Display Toolbar Button Select to show a button in the toolbar.
Button Text This text will be shown in the Editor Button.
Button Icon Select which icon to show in the button.

Options: betterpreview , ,
Primary Button Select to give the button a primary styling.
Preview Window Width Set a fixed width in pixels for the modal popup preview window. Leave empty to use maximum width.

Advanced Options

SEF Index Timeout (hrs) The timeout in hours for the SEF Urls Index. If you experience slowness in the admin pages, increase this number.
Purge SEF Index Click to purge the SEF URLS Index.
Purge Component Cache Select to make Better Preview purge the cache of the applicable component before rendering the preview.
Open Categories as Select how to open categories by default (if no matching menu item is found)

Options: Blog, List
Default Menu ID

Select the default menu item to be used as active menu item for the url if no other matching menu id is found.

Disable on Components

Select in which frontend components NOT to enable the use of this extension.

FAQs:

Previews are showing the homepage

By default, Better Preview will use the homepage as the active page to show previews in, unless Better Preview can find a more suitable menu item based on the type of item and parent categories.

Some websites have no component area on the homepage, which will cause the preview to not be able to show the items content.
Also some SEF extensieons will cause some weird results when the preview tries to us the homepage as the active menu item.

In these cases, it can help to change the Default Menu Item option in the Better Preview system plugin settings to None.

Free vs Pro:

Preview article
Advanced View Site
Supports core components:: Support for Articles, Categories, and Menu Manager

Supports K2 (partially)
Supports Zoo
Show link type::Will display the type of the links in the 'View site' list, like 'category' or 'article'.
Extra url info::Will display the SEF and non-SEF url of the links in the 'View site' list which you can easily copy/paste for other uses.

Better Preview provides you a preview button for the article you are working on. See what the article will look like before saving or publishing it!

Better Preview: Preview

Advanced View Site

Better Preview: DropdownBetter Preview also changes the way the 'View site' link in your administrator works. It will make that link go to the frontend equivalent of that page. It will also display links to any parent pages (like parent category pages when editing an article).