1. #1
    Sencha User
    Join Date
    Jun 2010
    Location
    Auckland, New Zealand
    Posts
    4
    Vote Rating
    0
    simon.betton is on a distinguished road

      0  

    Question Vertical Carousel

    Vertical Carousel


    Does anyone know how to make the carousel scroll vertically? I am using the code from the example package.

    HTML Code:
    Ext.setup({
        tabletStartupScreen: 'tablet_startup.png',
        phoneStartupScreen: 'phone_startup.png',
        icon: 'icon.png',
        glossOnIcon: false,
        onReady: function() {
            // Create a Carousel of Items
            var carousel1 = new Ext.Carousel({
               defaults: { cls: 'card' },
               items: [{
                  html: '<h1>Carousel</h1><p>Navigate the two carousels on this page by swiping left/right or clicking on one side of the circle indicators below.</p>'
              }, {
                  title: 'Tab 2',
                  html: '2'
              }, {
                  title: 'Tab 3',
                  html: '3'
              }]
            });
    
            var carousel2 = new Ext.Carousel({
              ui: 'light',
              defaults: { cls: 'card' },
              items: [{
                  title: 'Tab 1',
                  html: '<h1>ui="light"</h1>'
              }, {
                  title: 'Tab 2',
                  html: '2'
              }, {
                  title: 'Tab 3',
                  html: '3'
              }]
            });
    
            new Ext.Panel({
              fullscreen: true,
              layout: {
                  type: 'vbox',
                  align: 'stretch'
              },
              defaults: {
                  flex: 1
              },
              items: [carousel1, carousel2]
            });
        }	
    });

    Cheers,
    Simon

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Location
    Haarlem, Netherlands
    Posts
    1,243
    Vote Rating
    9
    TommyMaintz will become famous soon enough TommyMaintz will become famous soon enough

      0  

    Default


    Try setting scroll: 'vertical' on the items inside the Carousel. Unfortunately we dont support a vertical Carousel yet, but scrolling the individual items inside the Carousel should work.

Similar Threads

  1. Carousel on Android
    By VinylFox in forum Sencha Touch 1.x: Bugs
    Replies: 3
    Last Post: 21 Jun 2010, 2:05 PM
  2. Carousel
    By doron447 in forum Ext: Q&A
    Replies: 8
    Last Post: 9 Jul 2009, 1:25 AM
  3. extjs carousel ?
    By nightowl in forum Ext 2.x: Help & Discussion
    Replies: 5
    Last Post: 13 Jan 2009, 12:18 PM
  4. Carousel: Anybody has any idea
    By hunter in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 5 Mar 2007, 12:51 AM

Thread Participants: 1