Search bar in Custom Menu
By Ashley Rosenthal on Wednesday, 04 December 2013
Posted in General Issues
Replies 6
Likes 0
Views 614
Votes 0
Hello!

So on my website, Skillfolio.com, I created a custom menu and added buttons for some of the links. What I would like to do is, next to the little magnifying glass, insert a little white search bar. (See the attached screen shot of what I would like the search bar to look like).... Check out Skillfolio.com to see where there should be a search bar. Do you know of a way to insert a search bar into my menu bar? It was created as a Custom HTML Module in Joomla.

Thanks!
Also, if you check out Skillfolio.com and look at the icons up top (that are currently linked to their respective pages). If you need to login I believe Sam created a login while helping me with my last issue. Is there a way to create a drop down menu from each of those icons? The module type is a Custom HTML module. Thanks again!
Ashley Rosenthal
·
Wednesday, 04 December 2013 12:44
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Ashley,

You need to insert the html codes into your custom html module.
Mark
·
Wednesday, 04 December 2013 19:18
·
0 Likes
·
0 Votes
·
0 Comments
·
For the search bar that I want to add? I am in the process of getting the html code together for the drop down menu but I'm having a hard time figure out how to get the search bar inside of my toolbar and have it basically be the search for easyblog and easysocial.

Thanks for all of your help!
Ashley Rosenthal
·
Thursday, 05 December 2013 00:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Ashley,

Yep, that's correct because when you create a custom html module, the only way to insert contents in the module is to edit the module and place the html codes there
Mark
·
Thursday, 05 December 2013 01:39
·
0 Likes
·
0 Votes
·
0 Comments
·
So I found the code for one of the easysocial search boxes and inserted it below into one of my table spaces. It shows up on my site just fine but anytime you click the mouse inside of the search box it take you directly to our events page. I have no idea why this is happening as I don't have ANYTHING linked to our events page. Any thoughts? This is the code I have:



<td style="font-size: 16px;" onclick="window.location.href ='/events';" onmouseout="this.style.backgroundColor='#f4f4f4';" align="left" width="300px" height="15px"><img style="color: #000000; line-height: normal; background-color: #f4f4f4;" src="images/magglass.jpg" alt="magglass" width="15" height="15" /><input class="search-query" type="text" name="q" data-nav-search-input="" />

				</td>
Ashley Rosenthal
·
Thursday, 05 December 2013 01:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Ashley,

You need to remove this portion from the code, onclick="window.location.href ='/events';"
Mark
·
Thursday, 05 December 2013 02:09
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post