Results 1 to 2 of 2

Thread: [SOLVED] Srollbar for column

  1. #1
    Sencha User
    Join Date
    Dec 2008
    Location
    France
    Posts
    321

    Default [SOLVED] Srollbar for column

    I've a tabpanel.
    In one tab, a column layout with 2 columns.
    I fill the first column with html content.
    I want this first column shows a scrollbar when the html content is too height.

    Code:
                                        new Ext.TabPanel({ 
                                            activeTab: 0,
                                            defaults: { 
                                                bodyStyle: { 
                                                    'background-color': '#EBDEC1' 
                                                } 
                                            }, 
                                            deferredRender: true, 
                                            height: 400, 
                                            items: [{ 
                                                bodyStyle: { 
                                                    'background-color': '#EBDEC1', 
                                                    padding: '7px 0 0 7px' 
                                                }, 
                                                border: false, 
                                                html: 'some html text', 
                                                id: 'idjs_detail1', 
                                                title: 'the first title'
                                            },{
                                                items: [{ 
                                                     bodyStyle: { 
                                                         'background-color': '#EBDEC1', 
                                                         padding: '7px 0 0 7px' 
                                                     }, 
                                                     columnWidth: 0.4, 
                                                     items: [{ 
                                                     autoScroll: true, 
                                                        html: 'some long html text to have scrollbar', 
                                                        id: 'idjs_detail2'
                                                     }] 
                                                }, { 
                                                     bodyStyle: { 
                                                         'background-color': '#EBDEC1' 
                                                     },
                                                     columnWidth: 0.6, 
                                                     html: 'scroolbar not needed here', 
                                                     id: 'idjs_detail3' 
                                                }], 
                                                layout: 'column',
                                                title: 'the second title' 
                                            }] 
                                        })

  2. #2
    Sencha User
    Join Date
    Dec 2008
    Location
    France
    Posts
    321

    Default

    I've found it !

    Code:
                          new Ext.TabPanel({ 
                                            activeTab: 0, 
                                            columnWidth: 0.65, 
                                            defaults: { 
                                                bodyStyle: { 
                                                    'background-color': '#EBDEC1' 
                                                } 
                                            }, 
                                            deferredRender: true, 
                                            height: 400, 
                                            items: [{ 
                                                bodyStyle: { 
                                                    'background-color': '#EBDEC1', 
                                                    padding: '7px 0 0 7px' 
                                                }, 
                                                border: false, 
                                                html: 'some html text', 
                                                id: 'idjs_detail1', 
                                                title: 'the first title', 
                                                xtype: 'panel' 
                                            },{ 
                                                items: [{ 
                                                    bodyStyle: { 
                                                        'background-color': '#EBDEC1' 
                                                    }, 
                                                    border: false, 
                                                    columnWidth: 0.4, 
                                                    items: [ 
                                                        new Ext.Panel({ 
                                                            autoScroll: true, 
                                                            bodyStyle: { 
                                                                'background-color': '#EBDEC1', 
                                                                padding: '7px 0 0 7px' 
                                                            }, 
                                                            border: false, 
                                                            height: 370, 
                                                            items: [{ 
                                                                bodyStyle: { 
                                                                    'background-color': '#EBDEC1' 
                                                                }, 
                                                                border: false, 
                                                                html: 'some long html text to have scrollbar', 
                                                                id: 'idjs_detail2' 
                                                            }] 
                                                        }) 
                                                    ] 
                                                }, { 
                                                    bodyStyle: { 
                                                        'background-color': '#EBDEC1' 
                                                    }, 
                                                    border: false, 
                                                    columnWidth: 0.6, 
                                                    html: 'scroolbar not needed here', 
                                                    id: 'idjs_detail3' 
                                                }], 
                                                layout: 'column', 
                                                title: 'the second title'
                                            }] 
                                        })

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •