Two carousel (master-detail view)

[tnt85]

Hi,

temporary situation: two carousel, one bellow another (like master-detail view). When I change orientation on iPhone both carousels change their heights so that i can't see any data on it. It's necessary to have carousel because of multiple master's and multiple detail views.

Workaround is to have minimal high for each carousel, but from my experiment second carousel is still small to display data.

Anybody have any idea how to solve this ?

All best

[mitchellsimoens]

Use vbox layout

{
    xtype : 'container',
    layout : {
        type  : 'vbox',
        align : 'stretch'
    },
    defaultType : 'carousel',
    defaults : {
        flex : 1
    },
    items : [
        {
            items : [
                {
                    html : 'Top Carousel - Item 1'
                },
                {
                    html : 'Top Carousel - Item 2'
                }
            ]
        },
        {
            items : [
                {
                    html : 'Bottom Carousel - Item 1'
                },
                {
                    html : 'Bottom Carousel - Item 2'
                }
            ]
        }
    ]
}

Just typing off the top of my head but should work perfectly.

[tnt85]

No, that doesn't work. Carousels still shrink on orientation change...so items are not completely visible.

[mitchellsimoens]

I just tried the code I provided in iOS simulator and also on my iPhone 4S and it works perfectly and resizes properly on orientation change.