solved Custom Search Button

dm
@dm
7 years ago
37 posts
Hi, I would like to modify the search button. I was able to modify the search bar but couldn't figure out the button.. what tpl do i need to change? I have attached an image.
button.jpg
button.jpg  •  25KB


updated by @dm: 11/11/17 04:34:11AM
michael
@michael
7 years ago
7,714 posts
too vague.

It will be in the same template you modified the search bar in.
dm
@dm
7 years ago
37 posts
There is no option for the button. This is the code and how i modified the bar:
{jrSearch_form class="form_text" value="SEARCH BY GENRE OR MOOD..."
style="max-width: 700px;
height: 45px;
background: #ffffff;
border: none;
font-size: 11pt;
color: #999999;
padding-left: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;"

}
michael
@michael
7 years ago
7,714 posts
Docs: "Search"
https://www.jamroom.net/the-jamroom-network/documentation/modules/950/search#jrsearch-form

Use the template="" instead.

So
{jrSearch_form template="my_search_template.tpl"}

Then in your skin, add the template file. ( call it whatever you like )
/skins/( YOUR SKIN )/my_search_template.tpl

copy the default template from modules/jrSearch/templates/html_search_form.tpl which looks like this:
{* Standard HTML search form *}

{jrCore_lang module="jrSearch" id="7" default="Search" assign="st"}

{assign var="form_name" value="jrSearch"}
<div style="white-space:nowrap">
    <form action="{$jamroom_url}/search/results/{$jrSearch.module}/{$jrSearch.page}/{$jrSearch.pagebreak}" method="{$jrSearch.method}" style="margin-bottom:0">
    <input id="search_input" type="text" name="search_string" style="{$jrSearch.style}" class="{$jrSearch.class}" placeholder="{$jrSearch.value|jrCore_entity_string}">&nbsp;<input type="submit" class="form_button" value="{$st}">
    </form>
</div>
into your my_search_template.tpl file, then you can adjust things directly.
dm
@dm
7 years ago
37 posts
Thank you! That worked!

Tags