SHARE
TWEET

Untitled

a guest Oct 3rd, 2016 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // this puts all the ion-items next to each, but then wraps them to the next line, instead
  2. // of keeping them all on one line allow user to scroll horizontally.
  3. // There is no scroll
  4.  
  5. /*  I see the following
  6. [1] [2] [3]
  7. [4] [5] [6]
  8.  
  9. // when I should be seeing:
  10. [1] [2] [3] [4] [5] [6]
  11.  
  12.  
  13.     <ion-scroll direction="x" class="horizontal-scroll" scrollbar-x="false">
  14.       <ion-item style="float:left" ng-repeat="otherRides in allRides" href="#/tab/others/{{others.ID}}">
  15.         <img ng-src="{{others.icon}}" style="float:left">
  16.           Time: {{others.time}}
  17.           <br>Est: <span ${{others.price}}</span>
  18.         </span>
  19.       </ion-item>
  20.     </ion-scroll>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top