I’m new to Ionic and am developing a simple application. I have this nav bar at the top of my application.
What I am having trouble with is getting the search bar to fit the rest of the ion-nav-bar until it hits the search icon.
What can I do to acheive this?
Here’s the snippet for this :
<ion-side-menus enable-menu-with-back-views="true">
<ion-side-menu-content>
<ion-nav-bar class="bar-assertive">
<ion-nav-buttons side="left">
<button class="button button-icon button-clear ion-navicon" menu-toggle="left" style="padding-right:10px">
</button>
<label class="item item-input">
<input type="text" placeholder="Search Buildings">
</label>
</ion-nav-buttons>
<ion-nav-buttons side="right">
<a class="button button-icon icon ion-search" href="#/app/results"></a>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="menuContent"></ion-nav-view>
</ion-side-menu-content>