Highlighted

Is This a Skin in RH 2019?

Community Beginner ,
Apr 30, 2019

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?

RoboHelp Skin.PNG

Views

179

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Is This a Skin in RH 2019?

Community Beginner ,
Apr 30, 2019

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?

RoboHelp Skin.PNG

Views

180

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Apr 30, 2019 0
Adobe Community Professional ,
Apr 30, 2019

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

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 30, 2019 0
Adobe Employee ,
Apr 30, 2019

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 30, 2019 1