Arrange MiniTOC at right side of the page and should be stickey

Community Beginner ,
Jan 29, 2021 Jan 29, 2021

Copy link to clipboard

Copied

Hi All,

 

We are using Adobe Robohelp 2019 classic version and trying to add miniTOC placeholder on the right side of the page. We tried several things, but, the TOC is intact and donot move from the Top of the page. Is it possible in the Robohelp 2019 classic to move minitoc towards right side of the page if we are generating a HTML 5 responsive help. Additionally, while scrolling the page, mini TOC should remain stickey. 

Any help would be great!

 

Views

61

Likes

translate

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
community guidelines
Adobe Community Professional ,
Jan 29, 2021 Jan 29, 2021

Copy link to clipboard

Copied

The easiest way would be to upgrade to the new UI. 🙂

 

If I understand you correctly, what you want is something like you can see here. As you scroll the page the mini TOC sticks. The User Interface (grainge.org)

 

That is a frameless output from 2020 so it would mean upgrading and quite a bit work plus any context sensitive calls to your help would need to be changed.

 

Two ways I can think of in Classic.

 

Use a Table

The problem with this method is the Mini TOC would not stick, it is part of the topic.

image.png

 

Create DIV tags

In theory you could create DIV tags but I'm not sure how well that would work in Classic versions.

________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information

Please 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

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
community guidelines
Adobe Community Professional ,
Jan 31, 2021 Jan 31, 2021

Copy link to clipboard

Copied

I've put a right floated mini toc in my What's New topic. Peter is correct about using a div.

 

The code looks something like this:

<div class="MyMiniToc">

<?rh-placeholder type="minitoc" ?>

</div>

 

Then the div style must include the float parameter:

div.MyMiniToc {

float: right;

}

It can include other formatting, for example mine includes a border and background colour and some margin and padding.

 

I haven't made mine always visible though. You could try including position: sticky to see if that works for you.

Likes

translate

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
community guidelines
Adobe Community Professional ,
Jan 31, 2021 Jan 31, 2021

Copy link to clipboard

Copied

Oh, and one other thing. If you have note boxes that include a background colour, you will need to add an extra definition so the box doesn't go underneath your minitoc.

 

e.g.

p.Note, div.Note {

overflow: hidden;

}

Likes

translate

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
community guidelines
Resources
RoboHelp Documentation