Results 1 to 5 of 5

Thread: Tabpanel size

  1. #1
    Sencha User
    Join Date
    Jun 2010
    Posts
    130

    Default Tabpanel size

    hi all

    i am trying to use example code of Tabpanel provided by ExtJS

    I am not able to resize the panel of the full length of the page. there is always some space left around the panel.

    is there any way to do that? please point me to right direction.

    basically i want my TabPanel to cover complete page in terms of size.

  2. #2
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    Use a viewport, e.g.
    Code:
    new Ext.Viewport({
      layout: 'fit',
      items: {
        xtype: 'tabpanel',
        activeTab: 0,
        items: [{
          title: 'Tab 1'
        },{
          title: 'Tab 2'
        },{
          title: 'Tab 3'
        }]
      }
    });

  3. #3
    Sencha User
    Join Date
    Jun 2010
    Posts
    130

    Default

    Hi

    thanks for reply, can you please suggest me viewport use in reference to this code i have written for Tabs?
    sorry as I am beginner in this


    var tabs = new Ext.TabPanel({
    renderTo: 'tabs1',
    width: 1200,
    height: 800,
    activeTab: 0,
    items:[{
    title: '&nbsp&nbsp&nbsp&nbspCMO View&nbsp&nbsp&nbsp&nbsp',
    bodyCfg: {tag: 'iframe', src: '<%=Form.makeUrl(request, "/custom/hr.jsp")%>'}
    },{
    title: '&nbsp&nbsp&nbsp&nbspSCM View&nbsp&nbsp&nbsp&nbsp',
    bodyCfg: {tag: 'iframe', src: '<%=Form.makeUrl(request, "/custom/accounts.jsp")%>'}
    }]
    });

  4. #4
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    Default

    1. Remove the renderTo config option (and the tabs1 element).
    2. Add:
    Code:
    new Ext.Viewport({layout: 'fit', items: tabs});

  5. #5
    Sencha User
    Join Date
    Jun 2010
    Posts
    130

    Default

    beautiful!!!! thanks a lot

Similar Threads

  1. TabPanel does not size to Form Panel
    By mirage in forum Ext 2.x: Help & Discussion
    Replies: 6
    Last Post: 2 Sep 2010, 11:26 PM
  2. tabpanel size question
    By petko.ivanov in forum Ext GWT: Discussion
    Replies: 0
    Last Post: 24 Mar 2010, 8:10 AM
  3. embedded tabpanel gets the wrong size
    By bhomass in forum Ext GWT: Discussion
    Replies: 2
    Last Post: 25 Jan 2010, 4:56 AM
  4. TabPanel size when all tabs are removed
    By Digitalman in forum Ext 3.x: Help & Discussion
    Replies: 3
    Last Post: 10 Dec 2009, 7:27 AM
  5. Fit to size for TabPanel
    By maku in forum Ext GWT: Help & Discussion (1.x)
    Replies: 1
    Last Post: 7 Jul 2008, 1:32 PM

Posting Permissions

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