Results 1 to 9 of 9

Thread: panel inside panel gives border: urgent

  1. #1

    Question panel inside panel gives border: urgent

    Hi Im very sorry to post this basic question, but Im spending lot of time to fix this..
    please help me

    Im creating panel inside panel with elements its giving border for each element..please help me...I tried border, bodyBorder, frame ....no clue..

    var info = new Ext.Panel({
    // bodyStyle: 'padding:0px 0px 10px 0px',
    border:false,
    //frame:false,
    items:[{
    },{
    }]
    });

    Ext.onReady(function(){
    var p = new Ext.Panel({
    title: 'My Panel',
    collapsible:true,
    renderTo: 'container',
    autoWidth:true,
    autoHeight:true,
    items:[info]
    });

    });

  2. #2
    Ext JS Premium Member
    Join Date
    Oct 2007
    Location
    Herndon, VA
    Posts
    265

    Default

    Have you tried the config option
    Code:
     defaults: {border: false}
    for the main panel?

  3. #3

    Thumbs up perfect solution..thanks

    but i wonder why border:false not working...

    Quote Originally Posted by durlabh View Post
    Have you tried the config option
    Code:
     defaults: {border: false}
    for the main panel?

  4. #4

    Default its removed border for panel

    hey im sorry but for each item still it gives border

  5. #5
    Ext JS Premium Member
    Join Date
    Oct 2007
    Location
    Herndon, VA
    Posts
    265

    Default

    The config options you were specifying applied to the the panel itself, not to child elements. For child elements, you can specify any number of defaults for child elements such as:
    defaults: {xtype: panel, border: false} etc.

  6. #6
    Ext JS Premium Member
    Join Date
    Oct 2007
    Location
    Herndon, VA
    Posts
    265

    Default

    Can you please paste the complete config? In my case my config would be something like this:

    Code:
    new Ext.Panel({
       title: 'Outer Panel',
       border: false,
       defaults: {border: false},
       items: [
          {
             xtype: panel,
             title: 'Inner Panel without borders'
          },
          {
             xtype: panel,
             title: 'Another panel without border'
          }
       ]
    })

  7. #7

    Default Not working...

    If I try to give for each item group..then its working

    if I declare for a panel like defaults: {xtype:'textfield',border: false} its not working..

  8. #8

    Default please try adding items to inner panel

    Please try adding items to each inner panel, you will see borders for each item

  9. #9
    Ext JS Premium Member
    Join Date
    Oct 2007
    Location
    Herndon, VA
    Posts
    265

    Default

    See, without full config, it is difficult to identify the reason. However, try this

    defaults: {border: false, defaults: {border: false}}

    This way, defaults should apply to 2 levels.

Posting Permissions

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