Step-by-step guide
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 tips, use the same method and place the css in Documents/Content folder.
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>
<body id="Quicktips" lang="en-US">
<div id="div1" class="container">
<h1>Welcome to Assert</h1>
<p class="italicparagraph">This parts catalogue...</p>
<div class="imageholder">
<img style="vertical-align:middle" width="800px" src="Content?fileName='image.png'"/>
</div>
</div>
<div id="div2" class="container">
<h2>Change language</h2>
<p class="normalparagraph">You can change language of the interface and/or the documents by selecting "Settings" from the menu.</p>
<div class="imageholder">
<img style="vertical-align:middle" width="800px" src="Content?fileName='image2.png'"/>
</div>
</div>
<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>
Related articles
'Content?fileName=quicktips.css'