Placing searchpanel in layout.master

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.

12/22/2010 4:49:26 PM

Lillnor

Total Posts 123

View Posts

/Mats Lillnor

Placing searchpanel in layout.master

Hi!

I have crafted a skin with Artisteer for this site.

I want to place a search input box in the header that is visible on all pages.

I have tried adding the following into the layout.master file:

<div class="searchpanel">
<portal:SearchInput id="SearchInput1" LinkOnly="False" runat="server" />
</div>

I have also placed the following in style.css:

<div class="searchpanel">
<portal:SearchInput id="SearchInput1" LinkOnly="False" runat="server" />
</div>

However I try I just end up with a mess, nothing renderes at all, only all content in a long row but with some colors intact.

Where should I place the control in layout.master?

My layout.master can be downloaded here.

I have previously managed to include it this way in another skin on this site. That skin was made by changing one of the old skins (styleshout-coolwater I think it was).

Why does it not work with the Artisteer skin?

/Mats

12/22/2010 4:51:46 PM

Lillnor

Total Posts 123

View Posts

/Mats Lillnor

Re: Placing searchpanel in layout.master

Sorry, I mean that I have written this in style.css:

.searchpanel {
position:absolute;
bottom:8px;
right:10px;
white-space:nowrap;
}

/Mats

12/22/2010 5:10:01 PM

Jamie E

Total Posts 1203

View Posts

Help support mojoPortal!
Add-on modules

Re: Placing searchpanel in layout.master

Hi Mats, when I placed the Google Translate widget in the same ul in the topnav area of our Artisteer-skinned site, I ran into difficulty as well. I had to add the following CSS directives to make it work the way I wanted:

/* Positioning for Google Translate widget */
#google_translate_element { margin: -6px 30px 0 0; float:right; }
.art-sheet { margin-top:0px !important; }
#art-main {top: 18px;}

I hope that helps you out.

Jamie

12/22/2010 5:16:25 PM

Jamie E

Total Posts 1203

View Posts

Help support mojoPortal!
Add-on modules

Re: Placing searchpanel in layout.master

Also, Mats, I noticed that on your example site where it's working, the <portal:SearchInput is in its own div outside of the topnav div ul, but on your Artisteer one it's commented out inside there. You could try moving it out of the topnav div ul and see if that takes care of it for you.

12/22/2010 9:16:56 PM

Joe Davis

Total Posts 2253

View Posts

Re: Placing searchpanel in layout.master

Hi Mats,

Make sure you don't have two SearchInput controls in your layout.master with the same ID. If you do, change one of them.

HTH,
Joe D.

You must sign in to post in the forums. This thread is closed to new posts.