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
Gravatar
Total Posts 123
/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
Gravatar
Total Posts 123
/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
Gravatar
Total Posts 1196
Proud member of the mojoPortal team

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
Gravatar
Total Posts 1196
Proud member of the mojoPortal team

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
Gravatar
Total Posts 2183

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.