Bootstrap Masterpage Search Box

Search

{Search} is replaced by:

<div style="position: relative;'>

    <i style="position: absolute; right: 0px; padding: 10px 12px; cursor: pointer;" class="fa fa-search" onclick="SearchTerm('mSearchBox')" ></i>

    <input id="mSearchBox" type="search" class="SearchBox form-control" placeholder="Find Products..." style="padding-right: 30px;" onchange="SearchTerm('mSearchBox')" />

</div>

To design your own search box, make sure to:

1. Add onchange event calling SearchTerm function and passing the unique id of the input box as parameter, or onclick event to a button to press.
2. Add class name SearchBox to the input field to activate the Keyboard Enter Key press.