I am struggling to understand how to apply and use HTML templates. I have a manual that involves 4 different products. I want to make a HTML Template for each one that simply adds an image and a couple of <hr> elements.
I am having quite the struggle in getting this to work. There are two things I am confused about:
1. Reading the help pages says I must edit the skin directly to add these templates. I tried opening the .hmskin file in the project folder, add some templates and save this "project" using the save icon at the top of the app. I was expecting to then see these available in the project when I open it via the .hmxp file in the same folder but they are not there. What is the correct method to create additional HTML Templates?
If I use the toolbar tool "Templates and Skins" to open the current project skin I can see these new skins but I have failed spectacularly to make them available to use in that same project.
2. I create a HTML Template in the project itself I see it and can use it but not all the elements I add are visible when I switch a topic to use that Template.
Code: Select all
<%DOCTYPE%>
<html>
<head>
<title><%TOPIC_TITLE%></title>
<meta name="generator" content="Help & Manual" />
<meta name="keywords" content="<%TOPIC_KEYWORDS%>" />
<meta http-equiv="Content-Type" content="text/html; charset=<%DOCCHARSET%>" />
<IF_CHM><meta http-equiv="X-UA-Compatible" content="IE=10" /></IF_CHM>
<IF_HTML><meta http-equiv="X-UA-Compatible" content="IE=edge" /></IF_HTML>
<meta name="description" content="<%TOPIC_DESCRIPTION%>" />
<meta name="picture" content="<%TOPIC_PICTURE%>" />
<link type="text/css" href="<%STYLESHEET%>" rel="stylesheet" />
<style type="text/css">
body { margin: 0px; background: #FFFFFF; }
</style>
</head>
<body>
<IF_TOPIC_HEADER>
<table style="width:100%; border:none; border-spacing:0px; padding:5px; background:#FF0000">
<hr>
<tr style="vertical-align:middle">
<td style="text-align:left">
<%TOPIC_HEADER%>
<img src="Images\100x100.png">
</td>
<td style="text-align:right">
<a href="<%HREF_DEFAULT_PAGE%>">Top</a>
<IF_PREVIOUS_PAGE><a href="<%HREF_PREVIOUS_PAGE%>">Previous</a> </IF_PREVIOUS_PAGE>
<IF_NEXT_PAGE><a href="<%HREF_NEXT_PAGE%>">Next</a></IF_NEXT_PAGE>
</td>
</tr>
<hr>
</table>
</IF_TOPIC_HEADER>
<!-- Placeholder for topic body. -->
<table style="width:100%;border:none;border-spacing:0px"><tr style="vertical-align:top"><td style="text-align:left;padding:5px">
<IF_TOPIC_BREADCRUMBS><p style="font-size: 8pt; margin-bottom: 15px">
<%TOPIC_BREADCRUMBS%> > <%TOPIC_TITLE%></p></IF_TOPIC_BREADCRUMBS>
<%TOPIC_TEXT%>
</td></tr></table>
</body>
</html>
What am I missing?