Top Nav Header logo on OtherTopics

[ajturnersurrey]

In the spam clear up my post from yesterday seems to have disappeared so I will try again...

I have been following the process to move old html5 output into a top nav format. All is working nicely and the home page looks good. But I have no logo in the header on my OtherTopics (ie. the ones other than the home page).

The logo in the header is there in the topnav skin which is applied to the target, and I can't find any separate settings for a topics header, so I thought I must have overriden it somewhere ... but I cannot figure out where! There is nothing I can see about the OtherTopics master page which might override a header in the skin.

Is there anyone able to suggest places to check, which I might not have thought of ... ?

[ajturnersurrey]

I have now solved this one. So for others it might benefit

I had included the following in my stylesheet, for the benefit of printing (as recommended in the Madcap example of conversion to topnav)

Code: Select all

nav.tab-bar div.sideContent
{
display:none;
}

This was in the default section of my stylesheet (because print is my 'default' and 'non-print' is the medium for the online help output). As I had no non-print equivalent to override it, it was making it through to my compiled stylesheet for online help.

So I chose to remove this display condition on nav.tab-bar from this section and instead include the following in the '@media non-print' section of my stylesheet:

Code: Select all

div.navigation-wrapper
{
display:none;
}

which prevents the top nav menu from showing, but leaves the logo in the tab-bar for my topic pages.

[kwag_myers]

Thanks for posting, you just solved a big problem for me. The mockup I'm working from calls for a different color logo on topic pages and I couldn't figure out how to do that. Now I can use your code to omit the top nav from the topic pages and should be able to replace it with a div.

[doc_guy]

Am I being dense here thinking that the solution is to put the logo in the master page, and then use separate master pages for your different types of content? Or did I not understand the question?

[ajturnersurrey]

One way round would be to do away with the top bar and include the logo in any master pages ... but I had a nicely working logo in the top bar of the skin on the home page and wanted to make that work on other pages too. (Always prefer defining something in just one place, if I can!)

[kwag_myers]

Same here, I really don't want to go back and re-code two Masterpages that are working exactly as I want them to. I also had the menu to contend with. The home and section pages have a white logo and menu labels with a tinted photo background. The topic page has a white background. I'll probably just use links in place of the menu for topics since I have the TOC in a side container (like Flare's Online Help).

But since you've brought it up, how does one omit the top nav and put everything in Masterpages?

[NorthEast]

But since you've brought it up, how does one omit the top nav and put everything in Masterpages?

To omit top nav, just set the target skin to (none).

Then you just add your skin components to your master pages; i.e. insert the skin proxy you want, where you want.

[IFU]

Is there a way to use the same class for the logo on the home page as for the logo on the other pages?

On the home page, it is
<div class="logo-wrapper"><a class="logo selected" href="#" alt="Logo"></a></div>

On the other pages, it is
<div class="logo-wrapper"><a class="logo" href="Home.htm" alt="Logo"></a></div>

This is a request from our testing team - would help them out with their automated testing.

thanks
Isabelle