Add search button to keyword search box in header?

Forgive me if this has been answered on the forum somewhere, I was unable to find a solution.

I need to add a search button to the existing keyword search box located in the header.  Can someone point me in the right direction on how to do this?

I conducted a survey with about 30 people on how easy it was to use my site.  To my surprise, one of the most asked questions was " where is the search button?".

Hope someone can help...Thanks a bunch!Smile

Quote · 12 Feb 2013

Anyone?

Quote · 13 Feb 2013

So I found this thread http://www.boonex.com/forums/topic/Search-Box-in-Header-2012-01-27.htm  which had some info regarding what I'm trying to achieve.  Unfortunately I haven't been able to get it to work.

Here's what I did: 

In sub_header.html, I added the code Prashank25 provided but nothing shows up.  Not sure what I'm doing wrong.  Any help would be appreciated. 

Here's the code he provided:

<form action="searchKeyword.php" method="get" name="SearchForm">

<input type="text" name="keyword" id="keyword" value="Search" />

<input type="submit" name="submit" value="Search" />

</form>




Quote · 15 Feb 2013

depends where you want to add button in the form or out?


goo to /templates/base/scripts/BxBaseFunction.php about line 557


for exemple i have edit my search form:

<div id="sys_search_wrapper">
    <div id="sys_search" class="bx-def-margin-left">
        <form class="ajax_form" action="searchKeyword.php" method="get" name="SearchForm">
            <input type="text" name="keyword" id="keyword" value="<?= $sSearchC ?>" class="top_search bx-def-font" />
            <input class="top_submit" type="submit" alt="Search" name="" value="" />
        </form>
    </div>
</div>
<div class="clear_both"></div>


you ned to add new class in css and edit this class as your needs:

 

form.ajax_form {
    background-color#FFFFFF;
    border-color#666666 #DDDDDD #DDDDDD #666666;
    border-radius3px 3px 3px 3px;
    border-stylesolid;
    border-width1px;
    height30px;
    margin-left0;
    positionrelative;
    width500px;
}
.top_search {
    backgroundnone repeat scroll 0 0 transparent;
    border0 none;
    color#999999;
    margin-left1px;
    margin-top1px;
    padding7px 0 7px 4px;
    width465px;
}

 

input.top_submit[type="submit"] {
    backgroundurl("../images/your_buton.png") no-repeat scroll center top transparent;
    bordermedium none;
    cursorpointer;
    height20px;
    margin6px;
    outlinemedium none;
    padding0;
    positionabsolute;
    width15px;
}
 
if you ned more help seend me PM
brunno
Quote · 15 Feb 2013

Thank you so much Brunno!  I will try it out and hopefully get it to work.  Thanks again!!!!

Quote · 15 Feb 2013
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.