Horizontal Scroll Cards

Horizontal Scroll Cards

Horizontal scroll cards for Ionic

Free!

(2)
Drew Rygh

Drew Rygh

Member since 2014

Details

Version:
1.0
Size:
0mb
Ionic:
1.0 beta 14,1.0.0,1.0.1
Platforms:
iOS, Android
Released:
7 years ago
Updated:
7 years ago
Category:
Plugins
Tags:
ionic, horizontal scroll, scroll, cards

Horizontal Scroll Cards are a mobile UI component based off of Spotify's featured playlist slider. Adding them to your Ionic app couldn't be any easier! Check out the docs and follow the guide to get started.

Github: github.com/drewrygh/ionic-ion-horizontal-scroll-cards

Info: drewrygh.com/ionic-horizontal-scroll-cards

Hey there! You'll need to log in before you can leave a comment here.

Naoki Châu

Naoki Châu   ·   7 years ago

so it only work in ion-panel if you use ion-scroll or ion-content it will not work even in mobile mode

Huynh Quang

Huynh Quang   ·   7 years ago

@Chau that right :), i need it work with ion-scroll or ion-content. How to get it. Help me please

Stewart McCoy

Stewart McCoy   ·   7 years ago

@Drew: I'm trying to use this in conjunction with the Firebase Auth Starter (http://market.ionic.io/starters/firebaseauthstarter) and just putting the hscroller directives into my template view doesn't work. I realize I need to go about give access to the controller within the proper scope, but not sure how to deal with that. Do you have any guidance on how to do that?

Stewart McCoy

Stewart McCoy   ·   7 years ago

For anybody having trouble trying to get this plugin to work, you need to inject `ionic.contrib.ui.hscrollcards` into your main app module.

Madiba Razak

Madiba Razak   ·   7 years ago

to make it work alongside ion content <ion-content> <h2>My Invite</h2> </ion-content> <hscroller> <a href="#/login"><hcard ng-repeat="item in items" index="{{$index}}" desc="{{item.desc}}" image="{{item.image}}"></hcard></a> </hscroller> :: @ drew ,any chance to get onclick or href attribute ,to get a master -detail view : ) ,would like to know how - so i cant try hack myself if it not available already

ganigapetamanoj

ganigapetamanoj   ·   6 years ago

Hi guys i have trying to use ionic horizontal scroll cards but it working properly any help to me how to use this plugin

Zeeshan Khan

Zeeshan Khan   ·   5 years ago

Hello its not working on android 4.x versions.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

sunilkalwani

sunilkalwani   ·   5 years ago

hello , its not working in ion-content for ios device but working for Android same code please suggest me somthing

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

sunilkalwani

sunilkalwani   ·   5 years ago

hello its not working in ios only but works fine in Android devices .please suggest me something .

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

sunilkalwani

sunilkalwani   ·   5 years ago

hello its not working in ios only but works fine in Android devices .please suggest me something .

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

sunilkalwani

sunilkalwani   ·   5 years ago

hello , its not working in ion-content for ios device but working for Android same code please suggest me somthing

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Zeeshan Khan

Zeeshan Khan   ·   5 years ago

Hello its not working on android 4.x versions.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

ganigapetamanoj

ganigapetamanoj   ·   6 years ago

Hi guys i have trying to use ionic horizontal scroll cards but it working properly any help to me how to use this plugin

Madiba Razak

Madiba Razak   ·   7 years ago

to make it work alongside ion content <ion-content> <h2>My Invite</h2> </ion-content> <hscroller> <a href="#/login"><hcard ng-repeat="item in items" index="{{$index}}" desc="{{item.desc}}" image="{{item.image}}"></hcard></a> </hscroller> :: @ drew ,any chance to get onclick or href attribute ,to get a master -detail view : ) ,would like to know how - so i cant try hack myself if it not available already

Stewart McCoy

Stewart McCoy   ·   7 years ago

For anybody having trouble trying to get this plugin to work, you need to inject `ionic.contrib.ui.hscrollcards` into your main app module.

Stewart McCoy

Stewart McCoy   ·   7 years ago

@Drew: I'm trying to use this in conjunction with the Firebase Auth Starter (http://market.ionic.io/starters/firebaseauthstarter) and just putting the hscroller directives into my template view doesn't work. I realize I need to go about give access to the controller within the proper scope, but not sure how to deal with that. Do you have any guidance on how to do that?

Huynh Quang

Huynh Quang   ·   7 years ago

@Chau that right :), i need it work with ion-scroll or ion-content. How to get it. Help me please

Naoki Châu

Naoki Châu   ·   7 years ago

so it only work in ion-panel if you use ion-scroll or ion-content it will not work even in mobile mode

Hey there! You'll need to log in before you can leave a rating here.

Brian Kopp   ·     ·   6 years ago

Glad I wasted half my morning hooking this up and styling it. It doesn't scroll on my iphone 6.

sunilkalwani   ·     ·   5 years ago

its not working fro iphone when we used it under ion-content but work same for Android .

  ·     ·   just now

{{ rating.comment }}

  ·     ·   just now

{{ rating.comment }}

sunilkalwani    ·     ·   5 years ago

its not working fro iphone when we used it under ion-content but work same for Android .

Brian Kopp    ·     ·   6 years ago

Glad I wasted half my morning hooking this up and styling it. It doesn't scroll on my iphone 6.