add Search box to menu

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.
8/19/2011 10:18:07 AM
Gravatar
Total Posts 83
-- Joe

add Search box to menu

I would like to add a search box to the right side of the main horizontal menu.  (Basically do the same as this mojoPortal site http://www.metrotransit.org/)

When I add the search box portal object as explained at http://www.mojoportal.com/styling-the-search-input-box.aspx the search box appears below the menu.

Any ideas on how to do this?

Thanks in advance for any help -- Joe

8/19/2011 10:25:58 AM
Gravatar
Total Posts 83
-- Joe

Re: add Search box to menu

Oh and I am using mojoportal v2-3-6-7 with MS-Sql and .Net 3.5.

8/19/2011 11:53:04 AM
Gravatar
Total Posts 51

Re: add Search box to menu

Hi, here´s the markup. Hope it will help

<div id="ctl01_SearchInput2_pnlSearch" class="searchpanel" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'ctl01_SearchInput2_btnSearch2')" style="display:inline;">


<input onfocus="javascript:watermarkEnter(this, 'enter search terms');" onblur="javascript:watermarkLeave(this, 'enter search terms');" name="ctl01$SearchInput2$txtSearch" type="text" id="ctl01_SearchInput2_txtSearch" class="searchbox">

<input type="image" name="ctl01$SearchInput2$btnSearch2" id="ctl01_SearchInput2_btnSearch2" class="searchbutton" src="Data/sites/1/skins/MetroTransitMain/SearchButton.png" alt="Search">

</div>

div.searchpanel {
position: absolute;
top: 9px;
right: 0;
/* display: inline; */
}

div.searchpanel .searchbox {
position: relative;
height: 22px;
width: 227px;
float: left;
margin: 1px 0;
}

div.searchpanel .searchbutton {
margin: 0;
}

Serno

8/26/2011 3:33:09 PM
Gravatar
Total Posts 83
-- Joe

Re: add Search box to menu

Thanks Serno! I got the search box right where I wanted it.

But the Javascript for the watermarks - and the search - isnt working.

Any idea what I could be missing?

Thanks again -- Joe

 

8/29/2011 3:37:55 AM
Gravatar
Total Posts 355

Re: add Search box to menu

Joseph,

Remove the HTML& javascript markup from the layout.master; in its place, add the following:

<portal:SearchInput id="SearchInput1" LinkOnly="false" RenderAsListItem="false" runat="server" ImageUrl="skinbase_magnifier.png" ButtonCssClass="searchbutton" TextboxCssClass="searchbox" />

The rendered HTML Totem shared with you refers to a specific client-side control as rendered by his site, and the ID will not work the same on your site. Your CSS should work fine with the control above.

8/27/2012 11:33:06 AM
Gravatar
Total Posts 13

Re: add Search box to menu

I want to add search box control to my website and which searches the text on entire website and show me the relevant pages which includes the search text. is it possible in mojo? if yes plz help me how is it possible , give me some examples. i am new to mojo

8/27/2012 11:56:17 AM
Gravatar
Total Posts 1204
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: add Search box to menu

There are detailed instructions on the Styling the Search Input Box document page.

Jamie

8/27/2012 12:04:08 PM
Gravatar
Total Posts 13

Re: add Search box to menu

These page shows the skin or style, i want to make it a entire search box content, e.g. i want to search "testimonial" after clicking the search, it shows me all the pages having the word testimonial.

8/27/2012 12:22:34 PM
Gravatar
Total Posts 108
Community Expert

Re: add Search box to menu

the SearchInput control search in all the content of the site that the lucene engine can index, if you alredy have the searchbox added to your skin (that is explained in the article that Jaime pointed),  the search must work without any extra coding

8/27/2012 12:43:04 PM
Gravatar
Total Posts 13

Re: add Search box to menu

how lucene engine can index?? i can,t use it. SO plz help me.;(

8/27/2012 1:23:07 PM
Gravatar
Total Posts 1204
Proud member of the mojoPortal team

Help support mojoPortal!
Add-on modules

Re: add Search box to menu

Have you looked at the Site Search Overview? If your site search is not working, it's likely because your disk permissions are not set correctly. You can look at Basic Troubleshooting to figure out if you are getting a permissions error in the site search indexing.

Jamie

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