Highlighted

Is it possible to customize the Responsive Layout - sequence of ToC, Index, Filter tabs?

New Here ,
Sep 08, 2016

Copy link to clipboard

Copied

Hello,

I am using RoboHelp 2015 and in Responsive Layout output, I need to re-arrange these tabs. I want the Dynamic Content Filter tab to be displayed before ToC.

Is it possible to re-sequence the Filter tab before the ToC tab by doing some backend work in code or CSS?

forum post.png

Or the other enhanced way - if we select filters say - Sales, then the Sales related topics should be displayed (rather expanded below it - just like Expanding Text).

Is it possible to customize Responsive Layout in this way?

--

Thanks

Kshitija

It is possible through the HTML. Open the file 'Topic.slp' in notepad. On line 35, you'll see a list of links:

2016-09-15_18-07-11.png

You can cut and paste the links to get the correct order. The first tag will appear on the left side. Please make sure to cut and paste the whole link '<a class=' to '</a>'.

Topics

HTML

Views

217

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 it possible to customize the Responsive Layout - sequence of ToC, Index, Filter tabs?

New Here ,
Sep 08, 2016

Copy link to clipboard

Copied

Hello,

I am using RoboHelp 2015 and in Responsive Layout output, I need to re-arrange these tabs. I want the Dynamic Content Filter tab to be displayed before ToC.

Is it possible to re-sequence the Filter tab before the ToC tab by doing some backend work in code or CSS?

forum post.png

Or the other enhanced way - if we select filters say - Sales, then the Sales related topics should be displayed (rather expanded below it - just like Expanding Text).

Is it possible to customize Responsive Layout in this way?

--

Thanks

Kshitija

It is possible through the HTML. Open the file 'Topic.slp' in notepad. On line 35, you'll see a list of links:

2016-09-15_18-07-11.png

You can cut and paste the links to get the correct order. The first tag will appear on the left side. Please make sure to cut and paste the whole link '<a class=' to '</a>'.

Topics

HTML

Views

218

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
LEGEND ,
Sep 15, 2016

Copy link to clipboard

Copied

It is possible through the HTML. Open the file 'Topic.slp' in notepad. On line 35, you'll see a list of links:

2016-09-15_18-07-11.png

You can cut and paste the links to get the correct order. The first tag will appear on the left side. Please make sure to cut and paste the whole link '<a class=' to '</a>'.

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...
LEGEND ,
Sep 15, 2016

Copy link to clipboard

Copied

Too bad that we don't have some of the options here that we have in WebHelp SSL because it's so easy there.

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 ,
Sep 15, 2016

Copy link to clipboard

Copied

Hi Willam,

It works perfect. I could re-sequence the tabs.

RH1.png

Thank you!

Kshitija

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