Replicating MadCap's New Top Nav Topic Layout

This forum is for all Flare issues related to styles, stylesheets and XML.

Replicating MadCap's New Top Nav Topic Layout

Postby tkilpatrick on Thu Mar 22, 2018 11:53 am

Hello all,

I LOVE MadCap's new design for their Top Nav online help. Specifically, I like how they moved the Side Menu from the right (default) side of the page to the left:

In addition, they moved the Breadcrumbs and created a Search Bar to the left, to sit above the Side Menu. The last touch that pulls it all together is having all three of these items fixed on the page, so you always have easy access to them.

Referencing the link above, can someone please explain how to replicate their Topic layout? So, (1) fixed Side Menu on the left, (2) search bar above the Side Menu, (3) breadcrumbs above the search bar, and (4) keeping the Topic Toolbar buttons (Print, Expand All buttons) at the top-right of the page.

I've already tried the simple trick of setting the 'div.sideContent' style to float LEFT instead of RIGHT, but that simply moves the Side Menu AND the Topic Toolbar buttons to the left.

Thanks so much for any help/isight,
Jr. Propeller Head
Posts: 2
Joined: Thu Mar 22, 2018 7:02 am

Return to Styles, Stylesheets and XML

Who is online

Users browsing this forum: No registered users and 4 guests