1. #1
    Touch Premium Member
    Join Date
    Jun 2011
    Posts
    25
    Answers
    1
    Vote Rating
    0
    sagi.kiran is on a distinguished road

      0  

    Question Unanswered: Vertical Scrollbars are not appearing in IE 8, 9.

    Unanswered: Vertical Scrollbars are not appearing in IE 8, 9.


    I am using MVC architecture for Extjs 4.0.2a.
    I am having tab panel and sub tabs inside each tab.
    I am not getting vertical scroll bars in IE 8 & 9. (Its appearing and working as expected in Mozilla Firefox & Chrome).
    Here is the piece of code where I want Scroll bars :

    Card Layout Panel inside a TAB item :

    Code:
    Ext.define('qnum.view.familyblocks.AllocateBrowsePanel', {
        extend : 'Ext.panel.Panel',
        qid : 'allocateBrowsePanel',
        alias : 'widget.allocatebrowsepanel',
        activeItem : 0,
        border : false,
        layout : 'card',
        items : [ {
            xtype : 'managefamilyblockform'
    
        } ]
    });
    managefamilyblockform - class defination :

    Code:
    Ext.define('qnum.view.familyblocks.ManageFamilyBlockForm', {
        extend : 'Ext.form.Panel',
        qid : 'manageFamilyBlockForm',
        alias : 'widget.managefamilyblockform',
    
        title : 'Allocate Family Number Blocks',
    
        fieldDefaults : {
            labelAlign : 'left',
            labelWidth : 150,
            labelStyle : 'font-weight:bold'
        },
    
        buttonAligh : 'left',
        defaults : {
            margins : '5 5 5 5',
            border : false
        },
    
        height : 400,
        width:500,
        autoScroll : true,
        border : false,
        initComponent : function() {
            this.createFamilyBlockForm();
            this.callParent();
        }
    });
    Whenever managefamilyblockform class gets rendered on Firefox - scroll bars are getting appeared if browser height/width below 400 & 500 respectively.
    The above scenario doesn't provide scroll bars in IE 8 & 9.

    Please help.

    Thanks
    Last edited by mitchellsimoens; 29 Mar 2012 at 7:17 AM. Reason: added [CODE] tags

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,608
    Answers
    3450
    Vote Rating
    818
    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


    Just looking at that code there is nothing that stands out to me that would prohibit scrollbars.
    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.

  3. #3
    Touch Premium Member
    Join Date
    Jun 2011
    Posts
    25
    Answers
    1
    Vote Rating
    0
    sagi.kiran is on a distinguished road

      0  

    Default


    Hi, Have you tried similar code or same code to run in IE? I am still not able to get scroll bars for the above mentioned code.