1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    37
    Answers
    2
    Vote Rating
    1
    Srikanth474 is on a distinguished road

      0  

    Default Unanswered: tabpanel autoScroll problem

    Unanswered: tabpanel autoScroll problem


    Hi,
    i am creating a application using extjs.i am using border layout and in the center region I am using hbox layout. the first hbox has three items and one of it is a tabpanel. the tab panel is taking 67% of height. i have different items in tabpanel. the first item in tab panel is a form panel and it has dynamic fieldsets in it. and i am not mentioning any height in that panel. when i add dynamic fieldset i need a scroll bar.when i use autoScroll:true, i am not getting any scrollbar. but when i click on another tab and comeback to the first tab i am seeing a scrollbar. if i mention height in pixels in the first tab it works fine, but i dont want to mention pixels as our users are using monitors with different display pixels.


    code snippet of the tabpanel.

    {
    xtype: 'panel',
    flex: 1.2,
    items: [
    {xtype:'contractDetailPanel'},
    {
    height:'67%',
    activeTab: 0,
    layout:'fit',
    // autoScroll:true,
    xtype:'tabpanel',
    items: [{
    autoScroll:true,
    title: getText("tab.contract.applicants"),
    itemId: 'contratApplicatDetail',
    xtype:'applicantsPanel',
    }, {
    title: getText("tab.contract.collateral"),
    itemId: 'contractItemizationDetail',
    xtype:'contractItemsPanel',
    }, {
    title: getText("tab.contract.downPayemnts.tradeIn"),
    itemId: 'downpaymentsItemizationDetail',
    xtype:'downPaymentsItemsPanel'

    }, {
    title: getText("tab.contract.residual.payments"),
    itemId: 'residualAndPaymentDetail',
    xtype:'residualAndPaymentItemsPanel'

    }, {
    title: getText("tab.contract.payment.inception.amount.advance"),
    itemId: 'paymentsatInceptionDetail',
    xtype:'paymentAtInceptionItemsPanel'

    },
    {
    title: getText("tab.contract.correction.letters"),
    itemId: 'contractCorrectionLetters',
    xtype:'correctionLettersItemsGrid',

    }, {
    title: getText("tab.contract.exceptions"),
    itemId: 'contractExceptions',
    xtype:'contractExceptionsItemsGrid',

    }],
    renderTo : Ext.getBody()
    },

    Help needed,
    Thanks
    Srikanth

  2. #2
    Sencha User voodoov's Avatar
    Join Date
    Mar 2012
    Posts
    34
    Answers
    1
    Vote Rating
    0
    voodoov is on a distinguished road

      0  

    Default


    Hi,

    As I mentioned in this post, I think it's better to handle height values in Pixels instead of Percents, because of cross-browser issues.
    So if you handle it manually in pixels, maybe you can solve your problem. Something link this:
    Code:
    {
        xtype: 'tabpanel',
        listeners: {
            render: function(obj) {
                obj.setHeight( Ext.getCmp('parentCmp').getHeight() * 0.67 ); // parentCmp = [your parent component id]
            }
        }
    }
    I You Sencha!

  3. #3
    Sencha User
    Join Date
    Feb 2012
    Posts
    37
    Answers
    2
    Vote Rating
    1
    Srikanth474 is on a distinguished road

      0  

    Default


    Hi,
    I changed my tabpanel to pixel, i am getting vertical and horizontal scrollbars. but i dont want to have vertical scrollbar. is there a way to not have the vertical scrollbar.

    Thanks

  4. #4
    Sencha User voodoov's Avatar
    Join Date
    Mar 2012
    Posts
    34
    Answers
    1
    Vote Rating
    0
    voodoov is on a distinguished road

      0  

    Default


    Hi,

    Not showing the vertical scrolls instead of horizontal one? It's not logical for me.

    It depends on your tabpanel content.
    Explain your content in more details with your codes.
    I You Sencha!

Thread Participants: 1

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi