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

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -