1. #1
    Sencha Premium Member steffenk's Avatar
    Join Date
    Jul 2007
    Location
    Haan, Germany
    Posts
    2,676
    Vote Rating
    8
    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,090
    Vote Rating
    56
    dawesi has a spectacular aura about dawesi has a spectacular aura about

      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 Premium Member steffenk's Avatar
    Join Date
    Jul 2007
    Location
    Haan, Germany
    Posts
    2,676
    Vote Rating
    8
    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,485
    Vote Rating
    135
    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

  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 Premium Member steffenk's Avatar
    Join Date
    Jul 2007
    Location
    Haan, Germany
    Posts
    2,676
    Vote Rating
    8
    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