Is it possible to have two ion-Content each one occupying half the screen, independent of each other?

Question

Is it possible to have two ion-Content each one occupying half the screen, independent of each other?

Navigation

#1 by (0 votes)

0

<ion-pane ng-controller="exampleGCtrl">
    <ion-content class="has has-header has-footer" scroll="false">
        <div id="MyMap" class="map" scroll="false"></div>
        <div ng-click="centerOnMe();" class="button button-icon ion-android-locate botonFind"></div>
        <div class="absolute button button-outline:color ion-navicon button-dark"></div>
        <ion-scroll class="listContainer">
                <ion-list class="lista">
                    <ion-radio ng-repeat="lugares in array_marcadores" ng-click="setMarcadores(lugares.posLat,lugares.posLng)">{{lugares.nombre}}</ion-radio>
                </ion-list>
        </ion-scroll>
    </ion-content>
</ion-pane>

Solve it, just leave me a detail at the top of the list of bookmarks. A space that your property comes from ion-content

angularjs ionic

asked by German Steven Vera Amaya 20.03.2017 в 21:28

source

1 answer

Gulp-pug does not work LEFT JOIN MYSQL

score 0 · Accepted Answer

You can not, because you do not use a single ion-content with two divs, and the second you enable the scroll with overflow: scroll.

<ion-content scroll="false">
  <div id="MyMap" class="map"></div>
  <div class="absolute button button-outline:color ion-navicon button-dark"></div>
  <div style="overflow:scroll">
    <div class="lista">
      <ion-list>
        <ion-radio ng-repeat="lugares in array_marcadores" ng-click="setMarcadores(lugares.posLat,lugares.posLng)">{{lugares.nombre}}</ion-radio>
      </ion-list>
    </div>
  </div>
</ion-content>

If you need it to occupy half of the screen you put height at 50%