Search bar on front page in Topnav

This forum is for all Flare issues related to the HTML5, WebHelp, WebHelp Plus, and Adobe Air Targets
Post Reply
nielsf
Propeller Head
Posts: 86
Joined: Mon Feb 02, 2015 5:44 am
Location: Copenhagen, Denmark

Search bar on front page in Topnav

Post by nielsf »

Hi,
I've put the search bar in the nav-tab bar by unhiding the Search bar in the Header section of the TopNav skin. I can get that to look good.
Why does this not show on the Front page (Home)? I'd really like it to.
For the life of me, I can't get the search bar on the front page other than by adding it to Home.htm. Am I overlooking something, or is it just not possible (other than by adding it and then css'ing it to kinda match the look on the other pages, in all media types)? :shock:
-Niels
-----
Flaring in Copenhagen, Denmark
NorthEast
Master Propellus Maximus
Posts: 6363
Joined: Mon Mar 05, 2007 8:33 am

Re: Search bar on front page in Topnav

Post by NorthEast »

Are you using MadCap's templates?

If so, then their CSS for the home page hides the search bar in the skin.
So you'd need to remove this from StylesForHomePage.css:

Code: Select all

.inner-wrap .tab-bar .nav-search
{
	display: none;
}
nielsf
Propeller Head
Posts: 86
Joined: Mon Feb 02, 2015 5:44 am
Location: Copenhagen, Denmark

Re: Search bar on front page in Topnav

Post by nielsf »

Thanks, Dave! It had been looking all over for that, but I was looking for the "search-bar" class.
<rant>Every website has a home page. Would be nice with a specific homepage skin to make it easier to build.</rant>
Thanks again!
Niels
-----
Flaring in Copenhagen, Denmark
NorthEast
Master Propellus Maximus
Posts: 6363
Joined: Mon Mar 05, 2007 8:33 am

Re: Search bar on front page in Topnav

Post by NorthEast »

nielsf wrote:Thanks, Dave! It had been looking all over for that, but I was looking for the "search-bar" class.
<rant>Every website has a home page. Would be nice with a specific homepage skin to make it easier to build.</rant>
Thanks again!
Niels
No problem, I think MadCap documented it somewhere - but can't remember where.

The skin is applied to the entire output, so MadCap include this CSS to hide this part of the skin on this particular page.
Post Reply