CHM skin -- HMToggleExpandAll --> change to button

Please post all questions and comments regarding Help & Manual 7 here.

Moderators: Alexander Halser, Tim Green

Post Reply
John Johann
Posts: 305
Joined: Mon Aug 21, 2017 7:35 pm

CHM skin -- HMToggleExpandAll --> change to button

Unread post by John Johann »

In the CHM skin "CHM Skin, Dark Blue Header, Feature Images.hmskin" -- is it possible to switch the
div which gets displayed below the three/four navigation/print buttons

Code: Select all

<div id="switchtoggles"><IF_TOGGLES><a href="javascript:HMToggleExpandAll(!HMAnyToggleOpen())" title="<%SHOW_HIDDEN%>"><%SHOW_HIDDEN%></a></IF_TOGGLES></div>
to a button which is displayed to their left?
User avatar
Tim Green
Site Admin
Posts: 23155
Joined: Mon Jun 24, 2002 9:11 am
Location: Bruehl, Germany
Contact:

Re: CHM skin -- HMToggleExpandAll --> change to button

Unread post by Tim Green »

Hi John,

Basically you can do this, but there may be a couple of tricky points. You would need to replace the <%SHOW_HIDDEN%> variable with an img tag () and add the image file for the icon to the Baggage of the skin.

Code: Select all

<img src="iconname.png" alt="alt text here" width="xx" height="yy" border="0" title="<%SHOW_HIDDEN%>"/>
Putting the <%SHOW_HIDDEN%> variable in the title attribute gives the instructions on mouseover. You would then locate this line of CSS in the HTML Page Template > Default in the skin:

Code: Select all

#switchtoggles { width:100%; text-align: right; padding: 0 0.0208in 0 0; font-size: 10pt; }  
and change text-align: right; to text-align: left;

You might get a problem if the icon is taller than the container for the text link. I'm not entirely sure about that because I no longer remember how it is set up. You need to experiment with that. 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.
John Johann
Posts: 305
Joined: Mon Aug 21, 2017 7:35 pm

Re: CHM skin -- HMToggleExpandAll --> change to button

Unread post by John Johann »

Hi Tim,
Thanks for the reply.
I ended up removing the div with the text and putting the toggle button to the right of the three navigation buttons as they jumped around if the button was to their left. Seems to be working.
Post Reply