Remove navigation tabs in Tripane?

[moshe]

A customer wants Tripane HTML5 help with the Navigation pane displaying only Contents (no Index, Glossary, etc).

In Skin > General > Features, I can remove all of the other features while leaving the Contents (TOC) display. However, at this point the Contents tab at the top of the Navigation pane is redundant. How can I remove or hide that Contents tab?

NavigationTab.png

Thanks in advance.

[NorthEast]

There's no skin setting to remove the tabs.

If you really want to do this, and think it's worth the effort, then it'll involve modifying the skin using CSS.

I've written a blog post explaining how to add a 'skin stylesheet' for a HTML5 tripane skin.
https://ukauthor.wordpress.com/2014/08/ ... tml5-skin/

You can use this skin stylesheet to modify the skin CSS as required; e.g.

- Hide the tabs:

Code: Select all

.tabs-nav { display: none; }

- Move the pane:

Code: Select all

.tabs-panel { top: 0; }

[moshe]

Thank you so much, Dave! I will definitely check this out.
I have already made significant changes to the existing skin. I have to see what is involved in adding a new skin CSS stylesheet.

Question: This will also hide the Navigation buttons in the Tablet/Mobile mediums (corresponding to the Navigation tabs in Web medium)?

By the way, Dave, do you sleep?

Moshe

[NorthEast]

Question: This will also hide the Navigation buttons in the Tablet/Mobile mediums (corresponding to the Navigation tabs in Web medium)?

By the way, Dave, do you sleep? :lol:

Moshe

Ah, yeah - it will hide it in tablet/mobile, so that's not going to work. You need the tab to be visible in tablet/mobile, as you have to be able to select it to view the contents.

I think the desktop medium adds a 'web' class to html tag, so perhaps this might work instead:

Code: Select all

html.web .tabs-nav { display: none; }

(I do sleep - I'm in the UK, so it's daytime here)

[moshe]

Ah, yeah - it will hide it in tablet/mobile, so that's not going to work. You need the tab to be visible in tablet/mobile, as you have to be able to select it to view the contents.

Another idea - will this work?
Is there a way in tablet/mobile to have the Contents open by default when the tablet/mobile menu first displays (similar to the default behavior in web medium)?
That is, for the first level of the Contents (TOC) to be displayed without having first to select the Contents button?

If that can be done, the redundant Contents tab will not be visible, the Contents themselves will display, and my customer (and I) will be very happy.

[NorthEast]

Is there a way in tablet/mobile to have the Contents open by default when the tablet/mobile menu first displays

I don't know of any way to do that.

I remember reading the same question in another thread somewhere.

[moshe]

Is there a way in tablet/mobile to have the Contents open by default when the tablet/mobile menu first displays

I don't know of any way to do that.

I remember reading the same question in another thread somewhere.

Are these the threads you are referring to?

Expand TOC by default
viewtopic.php?f=6&t=6447

TOC in HTML5 output does not expand automatically
viewtopic.php?f=9&t=19912

They don't provide a ready solution. I do want my customer to be happy.

I have succeeding in hiding the Contents tab in web medium:

NavigationTab-NotDisplayed.png

But when in tablet or mobile medium, the Contents menu is closed by default:

NavigationTab-TabletMenuClosed.png

Clicking on the (in this case, blank) Contents button opens the Contents:

NavigationTab-TabletMenuOpen.png

This open display is what I would like when the tablet/mobile menu first opens, without having to click on the Contents button to open the Contents.
If there isn't a way to do this, perhaps this is another possible option:

Is it possible to have one UI Text in the navigation "Contents" tab in Web medium, and a different UI Text in the corresponding tab in Tablet and Mobile mediums?
If that is possible, I could then have:
- Web medium output without a visible Contents tab (i.e, blank Contents tab label) but the first level of the TOC is expanded by default.
- Tablet/Mobile medium Contents menu which initially displays closed, but with a "Contents" button (with a visible "Contents" label) to be clicked to open.

Is this possible?

[NorthEast]

I don't have much time at the moment, but the CSS example I posted above worked for me - it hides the tabs in the desktop medium, but doesn't hide tabs in tablet\mobile.

Code: Select all

html.web .tabs-nav { display: none; }