dominKnow | ONE has multiple preview options to help you see what you're making as you make it

There are several different ways to view a preview of your content as you're authoring a Project - and none of them require you to publish a package out and set it up anywhere outside of dominKnow | ONE.

Here's a run-down of all the Previewing options. 

Previewing from the Quick Links in Claro

In the upper left corner of the authoring interface are Quick Links to help you carry out different task quickly. Included in the Quick Links is the Preview drop-down list.

In Claro it has four options:

  • Current Page 
  • Full Project
  • On Device
  • Document 


Current Page Preview

Current Page Preview opens a new browser window with the page you are currently authoring:


Current Page preview is great for quickly seeing just what you're working on.

At the top of the Preview is a Console button. Select this to open a panel displaying all actions and events that have been carried out on the page:


You can select an event on the Console and see the related element highlighted in a dashed red box in the preview browser.

Back in the dominKnow | ONE authoring browser you can also select elements on the Stage and see them highlighted in the Preview.

You can leave the Current Page preview browser open as you work. If you change something on the page as you author, the preview will display a reload prompt so you can see the change.

Leaving the Current Page preview browser open is a nice time-saving option, much quicker than constantly re-selecting the Current Page Preview from the drop down then waiting for the preview browser to open again.


Full Project Preview

Full Project Preview opens a new browser window with the complete Project you are currently authoring, including content pages and any assessment questions as well as the full navigation bars:


You can use the navigation controls to work through all of the pages in the project.

Above the top navigation bar are a set of tools you can use as you preview to:

  • Add Comments on the Page
  • View the answer key if the page is a Question page
  • View the Tab Focus for keyboard or screen reader navigation as set on the page
  • Add inline Comments on specific elements on the page

You can learn more about these features in this community article.

The behavior of the Full Project Preview is set by the Publishing Profile assigned to the Project. For example, if the profile has pre-testing turned on then you'll see pre-testing as part of the Full Project Preview.   

On Device Preview

The On Device Preview is available for both Claro and Flow projects. It opens a panel that has a QR code as well as a link:


You can use the QR code or the link to preview the full project on your moblie device. 

Document Preview

The Document preview option opens a browser with a preview of the document-published version of your project.

Previewing from the Quick Links in Flow

In Flow the Quick Links Preview drop-down list has five options:

  • Current Page 
  • Full Project
  • Compare
  • On Device
  • Document 


The Current Page, Full Project, On Device and Document previews are similar to the Claro versions.

In Flow, though, the Current Page and Full Project previews include a icons for the standard breakpoints as well as a list of custom screen sizes:


These let you set the preview's display size. 


Compare Preview

The Compare Preview option opens a browser window with two Full-Project displays of your Flow project side by side:   


This helps you see how the same Flow content pages will be viewed on different-size devices.

The two previews are synchronized. Scrolling down a page in one preview also scrolls down the page in the other. And selecting the Next button on one of the navigation bars will advance both preview displays at the same time.

Previewing from the View Tab

If you select the View tab on the Ribbon, you'll see it has a Preview section at the left end:


The Current Page, Full Project options are available here, as is the Compare preview option if you are working in a Flow project.

The same preview options ae available here:

  • Current Page 
  • Full Project
  • Compare (Flow only)
  • On Device
  • Document 

Parent Page is available only if the page you are currently authoring is a copy of another page. This opens a preview of the original page so you can compare it to the copied version you are working on. This can be especially helpful when working in a translated copy of a Project. This option is also available under the Translation section of the Home tab:


Previewing from the Project Browser panel

You can also open a Full Project Preview from the Projects Browser panel.

Select a project then select Preview in the lower right of the panel, below the project details: 


  0     0

Similar Projects

Questions  ( 0 )