Highlighted

Robo 2019 (Full) Fix TOC Width & Prevent it Hiding

New Here ,
Apr 14, 2020

Copy link to clipboard

Copied

I'm using the full version of RoboHelp 2019. I'm producing responsive HTML5.

I'm trying to produce a help system that matches the design of the web application, which has a left-hand menu panel. I therefore want to be able to fix the width of the TOC panel AND also prevent the toc from hiding if the user resizes the window. This is particularly important because our company logo shrinks when the TOC is automatically hidden.

I've seen that there is an article relating to TOC width, but this is only applicable up to version 2017 so I thought I would pose the two questions together.

I very much appreciate any help that anyone can give.

Adobe Community Professional
Correct answer by Peter Grainge | Adobe Community Professional

It is simply screen size that determines the device rather than the help knowing what the device is. If the screen is a certain size, it shows the layout for that size be it a tablet, desktop or a very unwieldy phone. 🙂

 

This is where you change the cut-off point.

 

image.png

 

 

Views

237

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

Robo 2019 (Full) Fix TOC Width & Prevent it Hiding

New Here ,
Apr 14, 2020

Copy link to clipboard

Copied

I'm using the full version of RoboHelp 2019. I'm producing responsive HTML5.

I'm trying to produce a help system that matches the design of the web application, which has a left-hand menu panel. I therefore want to be able to fix the width of the TOC panel AND also prevent the toc from hiding if the user resizes the window. This is particularly important because our company logo shrinks when the TOC is automatically hidden.

I've seen that there is an article relating to TOC width, but this is only applicable up to version 2017 so I thought I would pose the two questions together.

I very much appreciate any help that anyone can give.

Adobe Community Professional
Correct answer by Peter Grainge | Adobe Community Professional

It is simply screen size that determines the device rather than the help knowing what the device is. If the screen is a certain size, it shows the layout for that size be it a tablet, desktop or a very unwieldy phone. 🙂

 

This is where you change the cut-off point.

 

image.png

 

 

Views

238

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
Adobe Community Professional ,
Apr 14, 2020

Copy link to clipboard

Copied

You refer to the full version but both Classic and the New UI are full versions. I am assuming you mean the New UI.

 

Unless I am misunderstanding you, the whole point of responsive skins is the layout changes when the user shrinks the screen to a certain point. Then it figures the user is on a tablet or phone when the normal layout would have to shrink to a point it is illegible.

 

You can change the points at which the layout changes or you can turn off the responsiveness by going into the skin editor.

 

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...
New Here ,
Apr 14, 2020

Copy link to clipboard

Copied

Hi Peter,

Thanks for the fast response. I wasn't sure what the "non classic" version of RoboHelp 2019 was called. I'm using the New UI version.

 

The phone certainly isn't an issue because the TOC is only displayed if the user presses the menu icon. I haven't looked at the tablet yet. I'm currently looking at the desktop view. Firstly, I want the TOC to be narrower than the default width shown in the following image:

Snag_29cbda4a.png

 

I want to prevent the following from happening on the desktop OR prevent the company logo from shrinking. Either solution is fine, but having the logo shrink down isn't acceptable (although I understand why this occurs, I don't know how to stop it). I also think that having the TOC permanently displayed will match the software (as the menu is permanently displayed) so this would be the ideal solution.

Snag_29ce15e3.png

 

I could see how to determine phone and tablet settings, but not desktop.


Does that clarify?

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...
Adobe Community Professional ,
Apr 14, 2020

Copy link to clipboard

Copied

Narrower Width

Good luck with that one. It's not a skin editor option so, to the best of my knowledge you cannot change it.

 

Please follow this link to request features. https://tracker.adobe.com Post the link to your feature request in this thread and others can vote for it. The more people who do so, the higher it gets prioritised.

 

Tablet layout - second image

What you are showing there is the tablet layout you get when the window is shrunk. You can only prevent that by turning off responsiveness. You can change the point at which it happens. When you are in the skin editor you will see this toolbar at the top. The first three icons are for Desktop, Phone and Tablet settings.

 

image.png

 

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...
New Here ,
Apr 14, 2020

Copy link to clipboard

Copied

Thanks again Peter.

 

It sounds like what I'm after is not possible.

 

I obviously need it to be responsive and understand what that means. I think I was just hoping there would be more control over what is and isn't responsive. In the circumstance I'm after, I don't want to TOC to be responsive on the desktop. On a table it's always minimised, on the desktop I want it to be always maximised. The second screen shot I showed was of the desktop window when the window is minimised presumably to the window size of a table. I assume if I decrease that size, then the maximum width of the tablet will be affected which I obviously wouldn't want to do.

 

Unless I have misunderstood, the icons at the top show the settings for desktop, phone and table, but the phone and tablet width settings are global so I can't control the point at which the shrinking occurs?

 

Sorry if I've missed the point.

 

I really appreciate your help. I'll try and sort an alternative option - I just didn't want to try and achieve something that wasn't possible.

 

Tracy

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...
Adobe Community Professional ,
Apr 14, 2020

Copy link to clipboard

Copied

It is simply screen size that determines the device rather than the help knowing what the device is. If the screen is a certain size, it shows the layout for that size be it a tablet, desktop or a very unwieldy phone. 🙂

 

This is where you change the cut-off point.

 

image.png

 

 

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...