Chat input bar with Ionic

mhartington · April 17, 2015, 1:13pm

So this can be done using a form element.

mhartington/ionic-firebase/blob/master/www/templates/chat.html#L32


    </div>
  </div>






</ion-content>




<form id="footer-input" ng-submit="add(message)">
  <ion-footer-bar keyboard-attach class="item-input-inset">


    <label class="item-input-wrapper">
      <i class="icon ion-ios7-search placeholder-icon"></i>
      <input ng-focus="inputUp()" ng-blur="inputDown()" type="text" placeholder="Message"
      ng-model="message">
    </label>
    <a class="button button-clear" ng-click="takePicture()">
      <i class="icon ion-camera"></i>
    </a>
  </ion-footer-bar>
</form>

Topic		Replies	Views
Ionic keyboard closes when google suggestions are used? ionic-v1	0	717	February 3, 2017
Designing a footer bar for chat app ionic-v3	0	1634	June 26, 2017
How can i make an input position fixed buttom like WhatsApp Chat interface ionic-v1	5	4370	August 23, 2017
Keyboard-attach in Ionic 2 ionic-v3	12	21237	December 6, 2016
Footer Keyboard textarea ionic-v1	1	1089	September 19, 2017

Chat input bar with Ionic

Related topics