Table of Contents

HM5 served us well, now its time has come and it has been replaced... If you have HM5 questions, please post them here.

Moderators: Alexander Halser, Tim Green

Post Reply
matt harris
Posts: 27
Joined: Wed Apr 22, 2015 4:03 pm

Table of Contents

Unread post by matt harris »

Hi

Is there a way of getting a Logo image in the Table of Contents next to the help title?


Thanks

Matt
User avatar
Tim Green
Site Admin
Posts: 23156
Joined: Mon Jun 24, 2002 9:11 am
Location: Bruehl, Germany
Contact:

Re: Table of Contents

Unread post by Tim Green »

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?
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.
matt harris
Posts: 27
Joined: Wed Apr 22, 2015 4:03 pm

Re: Table of Contents

Unread post by matt harris »

Hi Tim

Sorry, its a Webhelp format using the HMSkin_Blue.hmskin



Matt
User avatar
Tim Green
Site Admin
Posts: 23156
Joined: Mon Jun 24, 2002 9:11 am
Location: Bruehl, Germany
Contact:

Re: Table of Contents

Unread post by Tim Green »

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:

Code: Select all

<p class="navtitle"><%TITLE%></p>
and REPLACE it with this:

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. 8)
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.
Post Reply