Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This guide shows how to create a custom quick start guide in html in Assert Web Viewer. The quick start guide will be available when a user visits Assert for the first time and in the menu.

Step-by-step guide

Follow these steps to add a quick start file to Assert.

...

Info

Note that images are to be placed in Documents/Content folder and are referred using the "Content?fileName" syntax as below.

  <img style="vertical-align:middle" width="800px" src="Content?fileName='image2.png'"/>

If a specific css is used for the Quick start, use the same method and place the css in Documents/Content folder.

  <link rel='stylesheet' type='text/css' href='Content?fileName=quicktips.css' media='screen'/>

Quick start guide in pdf

It is also possible to add a pdf-based quick start guide. If this is the case, follow this procedure.

  1. Add the document to Assert Manager and set metadata according to step 2 and 3 above.
  2. Update the profile.config according to step 5 above, but omitt the QuickStartGuideNextPreviousButtonEnabled tag since it cannot be used in a pdf.

Sample Quicktips.html file

<html xmlns='http://www.w3.org/1999/xhtml'>
 <head>
  <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'/>
  <link rel='stylesheet' type='text/css' href='Content?fileName=quicktips.css' media='screen'/>
 </head>

...

  <div id="div3" class="container">
   <h2>Quick search</h2>
   <p class="normalparagraph">
     You can search in Assert by using the search field. The search results will be presented in information categories. <br/>
     To enter a search hit, click on the result item. By hitting "enter" you will navigate to the first search hit.<br/>
   </p>
   <p class="normalparagraph-italic">
    <b>Tip:</b> Use the "Advanced search", at the bottom of the Quick search result, to see more search results or to perform detailed searches.
   </p>
   <br/>
   <div class="imageholder">
    <img style="vertical-align:middle" width="800px" src="Content?fileName='image3.png'"/>
   </div>
  </div>
 </body>
</html>

Filter by label (Content by label)
showLabelsfalse
max5
spacesASKB
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel in ("help","quick","tips") and type = "page" and space = "ASKB"
labelsQuick Help Tips

...