Hi
Is there a way of getting a Logo image in the Table of Contents next to the help title?
Thanks
Matt
Table of Contents
Moderators: Alexander Halser, Tim Green
- Tim Green
- Site Admin
- Posts: 23181
- Joined: Mon Jun 24, 2002 9:11 am
- Location: Bruehl, Germany
- Contact:
Re: Table of Contents
Hi Matt,
That depends -- what output format are you using? If you are using an HTML-based output format, what skin are you using to publish?
That depends -- what output format are you using? If you are using an HTML-based output format, what skin are you using to publish?
Regards,
Tim (EC Software Documentation & User Support)
Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Tim (EC Software Documentation & User Support)
Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
-
- Posts: 27
- Joined: Wed Apr 22, 2015 4:03 pm
Re: Table of Contents
Hi Tim
Sorry, its a Webhelp format using the HMSkin_Blue.hmskin
Matt
Sorry, its a Webhelp format using the HMSkin_Blue.hmskin
Matt
- Tim Green
- Site Admin
- Posts: 23181
- Joined: Mon Jun 24, 2002 9:11 am
- Location: Bruehl, Germany
- Contact:
Re: Table of Contents
Hi Matt,
This is quite simple with that skin. Since you posted in the HM5 forum I'm assuming your still using Help & Manual 5.
1) First choose your logo image and make sure it is a PNG, GIF or JPG image -- other formats won't work on the Web. The file name should not contain any spaces or special characters, otherwise it won't work either.
2) Then open the .hmskin file in Help & Manual -- you will need to select .hmskin as the file type to open in the Open dialog to be able to select it. Make a copy of it in your project folder for editing first if it is still in the HM program directory -- you can't edit files there, and we put them there to ensure you always have an unchanged original available.
3) In the Project Explorer on the left,navigate down to the Project Files > Baggage Files section. Select Add File in the Manage Topics section in the Project tab and add your logo file to the baggage.
4) Navigate on down to Publishing Options > WebHelp > Table of Contents.
IMPORTANT WARNING: Don't switch back to simple layout mode tab in skins with edited source code! Doing this will replace your edited version with the default template and delete your changes. You will be warned if you try to do this, and this is a warning you should take seriously. This is particularly important when editing pre-designed skins, as switching to simple mode there will delete all the custom code and make the skin unusable.
5) Locate this line of code in the Source Code tab:
and REPLACE it with this:
6) Replace "LOGOFILE.PNG" with the name of your logo file. Change the values for the width and height to the dimensions you want to display your log at in pixels.
That's it.
This is quite simple with that skin. Since you posted in the HM5 forum I'm assuming your still using Help & Manual 5.
1) First choose your logo image and make sure it is a PNG, GIF or JPG image -- other formats won't work on the Web. The file name should not contain any spaces or special characters, otherwise it won't work either.
2) Then open the .hmskin file in Help & Manual -- you will need to select .hmskin as the file type to open in the Open dialog to be able to select it. Make a copy of it in your project folder for editing first if it is still in the HM program directory -- you can't edit files there, and we put them there to ensure you always have an unchanged original available.
3) In the Project Explorer on the left,navigate down to the Project Files > Baggage Files section. Select Add File in the Manage Topics section in the Project tab and add your logo file to the baggage.
4) Navigate on down to Publishing Options > WebHelp > Table of Contents.
IMPORTANT WARNING: Don't switch back to simple layout mode tab in skins with edited source code! Doing this will replace your edited version with the default template and delete your changes. You will be warned if you try to do this, and this is a warning you should take seriously. This is particularly important when editing pre-designed skins, as switching to simple mode there will delete all the custom code and make the skin unusable.
5) Locate this line of code in the Source Code tab:
Code: Select all
<p class="navtitle"><%TITLE%></p>
Code: Select all
<table border="0" width="">
<tr>
<td valign="top"><img src="LOGOFILE.PNG" width="50" height="50" border="0" /> </td>
<td><p class="navtitle"><%TITLE%></p></td>
</tr>
</table>
6) Replace "LOGOFILE.PNG" with the name of your logo file. Change the values for the width and height to the dimensions you want to display your log at in pixels.
That's it.
Regards,
Tim (EC Software Documentation & User Support)
Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Tim (EC Software Documentation & User Support)
Private support:
Please do not email or PM me with private support requests -- post to the forum directly.