Adding custom toolbar buttons to HTML5 skins

[operalover]

Hi All,

How do I go about adding custom toolbar buttons to an HTML5 skin that will open specific pages within my help system? I was able to do this with WebHelp outputs using the following script:

<Property
Name="OnClick">parent.frames["body"].location.href = "../Content/Contact.htm";</Property>

Alas, this doesn't work because HTML5 does not use frames.

Help would be greatly appreciated.

Thanks!

[Lydia]

Hi,
the script/action can be added the following way:
Go to the Styles tab in your HTML5 skin. In the Styles list, scroll down to 'Toolbar Button' and expand the list. Choose the button you want to add the script to. The properties of the button show on the right. Change the property Event.Click to something like window.open("Default.htm#Topics/General/HomePage.htm","_parent") . The HomePage.htm in my example has to be replaced by the one you actually want to open.

Regards, Lydia.

[NorthEast]

For HTML5, the target is the "topic" frame, instead of "body" used by WebHelp.

Code: Select all

parent.frames["topic"].location.href = "Content/Contact.htm";