Ionic-framework: Improve Slides

Created on 18 Feb 2016  路  12Comments  路  Source: ionic-team/ionic-framework

Known issues:

  • [x] Pager is an attribute - probably want to use the swiper version - options
  • [x] Multiple sliders on one page use the same pagination
  • [x] Improve documentation behind options and methods
  • [ ] Remove timeout around create
  • [ ] Don't emit slide events when runCallbacks is false

Most helpful comment

@steveharbick There's actually been a PR submitted for this it's just something we need to look into merging. :smile: https://github.com/driftyco/ionic/pull/5491

All 12 comments

I'm hoping there is (to be documented), or will be (added), a way to access the Swiper API's method: mySwiper.slideTo(index, speed, runCallbacks). This is particularly useful for using slides on first-run and allowing user to skip to end if they want.

@steveharbick There's actually been a PR submitted for this it's just something we need to look into merging. :smile: https://github.com/driftyco/ionic/pull/5491

So some of the improvements were made. I improved the docs to add a lot more information and document the methods better, these can be seen here: http://ionicframework.com/docs/v2/api/components/slides/Slides/

Please check the changelog for the breaking changes to slides in beta.5: https://github.com/driftyco/ionic/blob/2.0/CHANGELOG.md#200-beta5-2016-04-20

Let me know if you have any feedback on the docs! Going to move this issue to beta.6 to continue work on it.

slideTo marked time is an optional parameter, but can not omitted in typescript

    /**
     * Transition to the specified slide.
     *
     * @param {number} index  The index number of the slide.
     * @param {number} speed  Transition duration (in ms). Optional.
     * @param {boolean} runCallbacks  Whether or not to emit the `willChange`/`didChange` events. Optional. Default true.
     */
    slideTo(index: number, speed: number, runCallbacks: boolean): void;

Should it be
slideTo(index: number, speed?: number, runCallbacks?: boolean): void;

?

Thanks for pointing that out @davyzhang, I fixed it in the source so it should be in the next release! Sorry about that. :smile:

Fantastic, Thanks for the great work.

Related: #7422

Closing this since slides have been refactored.

Any update on having multiple sliders on one page?

Any update on having multiple sliders on one page?

Indeed it would be great! I was amazed about this component but it is too bad we can't use multiple sliders on one page.

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Was this page helpful?
0 / 5 - 0 ratings