Results 1 to 5 of 5

Thread: Issue with Ext.tab.Panel

  1. #1

    Default Issue with Ext.tab.Panel

    Hi,

    I am trying a very simple example from Sencha and having an issue the tab.panel. I am using ExtJs.4.2.0 version and below is the sample code -

    Code:
    Ext.create('Ext.tab.Panel', {
        width: 400,
        height: 400,
        renderTo: document.body,
        items: [{
            title: 'Foo'
        }, {
            title: 'Bar',
            tabConfig: {
                title: 'Custom Title',
                tooltip: 'A button tooltip'
            }
        }]
    });
    Below image is the screenshot of tab rendered in IE8. It renders fine in Chrome.
    Any idea why it is rendering this way?

    Thanks!
    ExttabPanel_in_IE.jpg

  2. #2

    Default

    Bumping up the thread.. Please help! I am really stuck here.

  3. #3
    Sencha User
    Join Date
    Mar 2011
    Location
    Hyderabad
    Posts
    106
    Answers
    10

    Default

    Hey, Have tested the below mentioned code in IE8 , it is working fine at my end

  4. #4
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    Same for me. I put your code into this Fiddle, which runs fine for me in IE8.
    https://fiddle.sencha.com/#fiddle/3gd

    Does it run for you in your environment?

  5. #5

    Default

    It renders fine when I try the above code in fiddle. I could be missing some resource files like scripts and css maybe that is needed to render the tabs. I don't have the entire framework installed. I have ext-all.js and ext-all.css and a bunch of other ext-all css files.

    Can someone please tell me what are the files needed for Extjs.tab panel?

    Thanks

Tags for this Thread

Posting Permissions

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