Copy link to clipboard
Copied
I'm working in RoboHelp 2019. I downloaded this help topic from the online help.
Was the help generated in RoboHelp? My team really likes the "ON THIS PAGE" area (see Red box), with links to the respective headings.
If it is or isn't, how do I get this look?
Copy link to clipboard
Copied
No it isn't a RoboHelp skin.
Try an in topic TOC or simply create a single cell table and put whatever
you want in it.
Peter Grainge
www.grainge.org
@petergrainge
Copy link to clipboard
Copied
The online help of RoboHelp is managed in and hosted on Adobe Experience Manager CCMS.
However, as Peter said, you can achieve this kind of in-topic navigation with by inserting a "Mini TOC" in your topic (click the Mini TOC icon in the toolbar to insert it ) for this.
I recently created one and made it float on the right side, with some shadow around it, and made it "sticky":
Sticky means, if you scroll down, it stays at the top (always visible, even if you scroll down):
The CSS for this is this one:
You can just copy & paste it into your CSS. Note, that the "sticky" property does not work in older browsers like Internet Explorer. There it would need some more support.
div.minitoc {
display: block;
background-color: rgb(255, 255, 255);
border-color: rgb(250, 250, 250);
border-radius: 0px;
border-style: solid;
border-width: 1px;
margin-left: 25px;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 15px;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 15px;
position: -webkit-sticky;
position: sticky;
top: 15px;
float: right;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}
Feel free to try it and modify as you like.