The viewer and designer can be linked into one edit-and-preview flow: a Design button opens the designer, and Exit returns to the viewer.

Switch component by action. One page serves both, chosen by a query parameter:
if ($action == 'design') {
    $component = new StiDesigner();
    $component->onExit = 'designerExit';
    $component->options->toolbar->showFileMenuExit = true;
}
else {
    $component = new StiViewer();
    $component->onDesignReport = 'viewerDesign';
    $component->options->toolbar->showDesignButton = true;
}
$component->report = $report;
Redirect between the two in JavaScript.
function viewerDesign(args) { window.location.href = '?action=design'; }
function designerExit(args) { window.location.href = '?action=view'; }

How it works. A single script toggles between viewer and designer by query string, so users move seamlessly from preview to editing and back.

By using this website, you agree to the use of cookies for analytics and personalized content. Cookies store useful information on your computer to help us improve efficiency and usability. For more information, please read the privacy policy and cookie policy.