1. #1
    Sencha User
    Join Date
    Jul 2012
    Posts
    177
    Vote Rating
    9
    huberte will become famous soon enough

      0  

    Default Answered: [Answered]carousel scrollable ?

    Answered: [Answered]carousel scrollable ?


    Is there a solution to scroll an image in a carousel ? scrollable, scroll, do not work

    thks ...

    Code:
    Ext.define('carousel.view.test', {    extend: 'Ext.carousel.Carousel',
    
    
        xtype:'test',
    
    
        config: {
            fullscreen: true,
           scrollable: 'vertical,
    
    
            items: [
                {
                    xtype: 'image',
                    html: '<img src=./resources/images/1.png />',
                                scrollable: 'vertical'                   
                    
                                
                },
                {
                    xtype: 'image',
                    html: '<img src=./resources/images/2.png />'
                                
                }
            ]
        }
    
    
    });

  2. The directionLock should go within the scrollable config:

    Code:
    scrollable : {
        direction     : 'vertical',
        directionLock : true
    }

  3. #2
    Sencha User
    Join Date
    Jul 2012
    Posts
    177
    Vote Rating
    9
    huberte will become famous soon enough

      0  

    Default


    I may have found a solution, but it works only with chrome and not on Anroid or IOs, why ?

    Code:
    It works
    
    config: {
            
         
    
    
            items: [
                {xtype: 'container',
                
                    scrollable: 'vertical',
                    directionLock:true,
                    items:[
                               { xtype: 'image',                         
                                
                                html: '<img src=./resources/images/1.png />'}
                    ]                            
                },

  4. #3
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,644
    Vote Rating
    899
    Answers
    3574
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    The directionLock should go within the scrollable config:

    Code:
    scrollable : {
        direction     : 'vertical',
        directionLock : true
    }
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  5. #4
    Sencha User
    Join Date
    Jul 2012
    Posts
    177
    Vote Rating
    9
    huberte will become famous soon enough

      0  

    Default


    Very strange mitchellsimoens ! Is it a bug ? I set up img with width : 100 % in css

    this happends either with a container or directly in carousel

    Image looks fine in a container tab panel, looks horrible in a carousel, can you reproduce that with an image containing text ?


    Try to switch to landscape : good image, back to portrait : good image


    why that ?

    edit : fixed, or better dissapeared sudendly...

Thread Participants: 1

Tags for this Thread