Skip to main content
A
Anonymous
July 26, 2011
Question

Layout changes

  • July 26, 2011
  • 1 reply
  • 786 views

I'm rather new to Robohelp, but I've taken over a previously established project.

I'm giving the project a facelift and not managing at all to get the layout to look how I want it.

It must remain a webhelp.

Apart from skin changes it does not seem possible to change the layout at all. There are spaces between the buttons that need to be removed. Or I need to display the buttons above or below a logo. Is any of this possible? Is there a way to change the physical layout of the objects in the webhelp?

This topic has been closed for replies.

1 reply

Peter Grainge
Community Expert
Peter GraingeCommunity Expert
Community Expert
July 26, 2011

Stuck key or do you have trouble with pronouncing your name?

I think you are talking about the toolbar buttons and your logo on that rather than in your topics. If so then it pretty much as you see it. The place to go for any skin customisation tricks is Rick Stone's Skinny on Skins.

http://www.robowizard.com/RoboWizard/NewProject.htm#Downloads/Skinny_on_Skins.htm

If you are talking about your topics, then a screenshot showing what you want to change would help. Use the camera icon to insert it.

Also please see the Before You Post sticky topic. Answers can depend on knowing which version of RoboHelp you are using.

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
A
Anonymous
July 27, 2011

Thanks for the assist. The file helped a little, but I still cannot find the answers to these questions:

(I am using Robohelp 9)

How can I add css styles to every item in die Table of Contents? I want to add padding to them (the method described in the skinny file does not work), border them and shade their :hover attribute.

I want them to look like this (the gradient fill is not neccesary):

Then, also, I would like to restrict the entire page to being 1024 pixels wide.

Can this be done?

Willam van Weelden
Willam van Weelden
Inspiring
July 29, 2011

Hi,

The styling for the TOC is set in whthost.js. You need to modify the css in the function TocWriteClassStyle to get what you want. Alternatively, you can add CSS in whtdhtml.htm. You probably need to use the !important declaration to let your css overwrite the styling added by whthost.js.

You'll need to experiment to get the TOC to behave the way you want.

Greet,

Willam

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices