Results 1 to 3 of 3

Thread: How to remove double border from adjacent panels?

  1. #1
    Sencha User
    Join Date
    Oct 2011
    Posts
    23
    Vote Rating
    1
      0  

    Default How to remove double border from adjacent panels?

    I have two ajacent panels, arranged by hbox layout
    PHP Code:
    Ext.onReady(function(){  
        var 
    panel Ext.widget('viewport', {
          
    layout: {
              
    type'vbox',
              
    align'stretch'
          
    },
          
    items: [{
             
    xtype'panel',
             
    flex1,
            
    html'first panel'
           
    }, {
             
    xtype'panel',
             
    border'0 1 1 1',
             
    flex1,
             
    html'second panel'
          
    }]
        });
    }); 
    I want to remove double border between panels.
    I try to set border: '0 1 1 1' to second panel, but it had no effect.
    Setting style: {borderWidth: '0 1px 1px 1px'} didn't help too.
    Set style: {borderWidth: '0 1px 1px 1px'} helps, until there is no toolbars.
    If I decide to add topbar to second panel, between toolbar and panel body will hasn't border, but between toolbar and first panel appear double border again.
    How I can describe boundaries so that between all elements boundary will be single?
    Here is my codepen example: http://codepen.io/Just-Boris/pen/bdsrn

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    First thought is it doesn't seem like you need to use panel there but can just use component (or container if you need child items but no title)
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Oct 2011
    Posts
    23
    Vote Rating
    1
      0  

    Default

    I helps me in this case, but what would I do if I need to create more difficult interface?
    http://codepen.io/Just-Boris/pen/fDnjK
    In this case first panel become grid, and second panel has title.
    There is are needed panels and problem still remains.

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
  •