Is there any way to create a similar UI to the facebook and twitter search bar when using the
I have seen that there is css for header inputs but I cant work out how to use this with the
<ion-nav-bar> but only on certain pages?
<div class="bar bar-header item-input-inset"> <label class="item-input-wrapper"> <i class="icon ion-ios7-search placeholder-icon"></i> <input type="search" placeholder="Search"> </label> <button class="button button-clear"> Cancel </button> </div>
I want to have a search button in the top right which is simple enough, but then when it is clicked, the nav title and buttons are replaced with a search input. Then when this loses focus or is cancelled, the nav bar is returned to the original state.