1. #1
    Sencha User steffenk's Avatar
    Join Date
    Jul 2007
    Location
    Haan, Germany
    Posts
    2,666
    Vote Rating
    7
    steffenk has a spectacular aura about steffenk has a spectacular aura about steffenk has a spectacular aura about

      0  

    Default Panel Carousel?

    Panel Carousel?


    Hi,

    i need that very often - a panel / dataview with overflow and carousel-effect. The same is integrated in tabPanel for the tabs. I don't need the complete ExtCore carousel with the auto stuff, only 2 buttons left/right.

    As ExtJS is very widget orientated i wonder that this functionality isn't built in.
    What is the best way to achieve this, is there something ready for usage? Should i extract the logic from tabPanel? Should i rewrite the ExtCore Carousel?

    Any tip is appreciated.
    vg Steffen
    --------------------------------------
    Release Manager of TYPO3 4.5

  2. #2
    Sencha Premium Member dawesi's Avatar
    Join Date
    Mar 2007
    Location
    Melbourne, Australia (aka GMT+10)
    Posts
    1,088
    Vote Rating
    47
    dawesi will become famous soon enough dawesi will become famous soon enough

      0  

    Default


    use could use an animated 'card layout'... haven't got time to write a demo, but it should be super easy.
    Lead Trainer / Sencha Specialist
    Teahouse Training Company

    Comprehensive Javascript, Sencha and 3rd Party Stack Training available worldwide online, and onsite in APAC, written by certified official Sencha trainers.



    Unofficial Sites:

    SenchaWorld.com - Videos, and stuff
    Sencha.Community - Tools, Extensions and Resources
    TeahouseHQ.com - Sencha Ecosystem Training Portal

    Code Validation : JSLint | JSONLint | JSONPLint

  3. #3
    Sencha User steffenk's Avatar
    Join Date
    Jul 2007
    Location
    Haan, Germany
    Posts
    2,666
    Vote Rating
    7
    steffenk has a spectacular aura about steffenk has a spectacular aura about steffenk has a spectacular aura about

      0  

    Default


    hm - card layout is normally used to show only one item (as tabpanel or wizard)
    I also need the buttons back/forward for navigation. It smells like a plugin, but havn't seen such.
    vg Steffen
    --------------------------------------
    Release Manager of TYPO3 4.5

  4. #4
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,472
    Vote Rating
    129
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    Sounds to me like you want a DataView that has a custom Paging plugin.... Use a DataView with a store using paging and then as you click on individual left/right arrows load the next set of data.
    Aaron Conran
    @aconran
    Sencha Architect Development Team

  5. #5
    Ext User
    Join Date
    Aug 2010
    Location
    USA
    Posts
    1
    Vote Rating
    0
    jeremy84jackson is on a distinguished road

      0  

    Default


    Thanks friend... It helped me !

  6. #6
    Sencha User steffenk's Avatar
    Join Date
    Jul 2007
    Location
    Haan, Germany
    Posts
    2,666
    Vote Rating
    7
    steffenk has a spectacular aura about steffenk has a spectacular aura about steffenk has a spectacular aura about

      0  

    Default


    Aaron - that is an idea. In my case i have about 5 visible elements out of ~100, for my taste that would lead to too much requests.

    I started writing a plugin using exact the methods of TabPanel, also support mouse wheel for scrolling.
    vg Steffen
    --------------------------------------
    Release Manager of TYPO3 4.5

  7. #7
    Sencha User
    Join Date
    Jun 2014
    Posts
    10
    Vote Rating
    0
    aman.gupta is on a distinguished road

      0  

    Default


    Quote Originally Posted by aconran View Post
    Sounds to me like you want a DataView that has a custom Paging plugin.... Use a DataView with a store using paging and then as you click on individual left/right arrows load the next set of data.
    Is it possible to create carousel using DataView like jquery in ExtJS ? Example link. I am using ExtJS 5, any work around ?

Similar Threads

  1. load carousel panel items dynamically??
    By algae in forum Ext 3.x: Help & Discussion
    Replies: 4
    Last Post: 19 Aug 2010, 12:16 AM
  2. Placing a carousel inside a tab panel
    By revolt in forum Sencha Touch 1.x: Discussion
    Replies: 9
    Last Post: 6 Aug 2010, 6:41 AM
  3. [OPEN] [FIXED-110] Carousel indicator breaks down after changing carousel content.
    By Mphasize in forum Sencha Touch 1.x: Bugs
    Replies: 6
    Last Post: 1 Jul 2010, 11:41 AM
  4. Carousel panel content shows when it shouldn't (0.82)
    By rdougan in forum Sencha Touch 1.x: Bugs
    Replies: 0
    Last Post: 9 Jun 2010, 1:59 PM
  5. Replies: 1
    Last Post: 13 Aug 2009, 7:16 PM

Thread Participants: 4