Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all articles
Browse latest Browse all 49083

Ion-slides is shown in the view only if ion-content scroll="false"

$
0
0

@askullmania wrote:

I need a scrollable page with ion-slides, If i set scroll=true, in ion-content the slider is not shown on the page. I'm running ionic 1.3.1 and using the new ion-slide directive. This is my code,

 <ion-content class="padding" scroll="false">

    <div class="list card">
      <div class="item no-padding">
        <img class="full-image" src="http://12.jpg">
      </div>


      <div class="item ">
         <button  class="button  icon-left ion-android-navigate  button-stable">Directions </button>
         <button  class="button  icon-left ion-ios-telephone  button-stable">Call </button>
         <button  class="button  icon-left ion-android-share-alt  button-stable">Share</button>
      </div>
    </div>


     <div class="slide-wrapper1">
        <ion-slides  options="options" slider="data.slider">
          <ion-slide-page>
            <img src="http://placehold.it/375x468/">
          </ion-slide-page>
          <ion-slide-page>
            <img src="http://placehold.it/375x468/0000">
          </ion-slide-page>
          <ion-slide-page>
            <img src="http://placehold.it/375x468/">
          </ion-slide-page>
        </ion-slides>
      </div>


    <h4>About </h4>
    <div class="card">
      <div class="item item-text-wrap">
        This is a basic Card which contains an item that has wrapping text.
      </div>
    </div>
</ion-content>

what am i doing wrong, How do i get the ion-slides to work in a scrollable page?

Thanks for any help

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 49083

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>