css - Ionic Framework How to place a div or buttons below ion-content map -
i'm working on ionic project , in tab placed google map following this tutorial. want put buttons (inside div?) trigger actions on map. how can achieve that? i'm newbie framework, i'll appreciate help.
my index.html
<body> <ion-nav-bar class="bar-positive" animation="nav-title-slide-ios7"> <ion-nav-back-button class="button-clear"> <i class="ion-arrow-left-a"></i> </ion-nav-back-button> <ion-nav-buttons side="right"> <a class="button" href="#/tab/twitter"> <i class="icon ion-social-twitter"></i> </a> </ion-nav-buttons> </ion-nav-bar> <ion-nav-view animation="slide-left-right-ios7"> </ion-nav-view> </body>
my maps.html
<ion-view title="ubicación"> <ion-content id="maps" scroll="false" data-tap-disabled="true"> </ion-content> </ion-view>
why don't add map separate div
<ion-view title="ubicación"> <ion-content> <div id="maps" scroll="false" data-tap-disabled="true"></div> <div class="testhello "> button </div> </ion-content> </ion-view>
and position items on position fixed
.testhello { position : absolute; background-color: red; width : 100%; bottom:0px; }
see updated codepen http://codepen.io/anon/pen/engrpr
Comments
Post a Comment