1. #1
    Sencha User
    Join Date
    Apr 2011
    Posts
    68
    Vote Rating
    -1
    Siriru is an unknown quantity at this point

      0  

    Default [Border] Toolbar

    [Border] Toolbar


    Here a Viewport with a toolbar. I set border to false, but border remains visible.

    Code:
    Ext.define('CcViewport',{
      extend: 'Ext.container.Viewport',
      
      constructor: function(config){
        this.logo = Ext.create('Ext.Img',{
          src: '../images/logo.png',
        });
        
        this.buttonLogout = Ext.create('Ext.button.Button',{
          text: 'Logout'
        });
        
        this.buttonHelp = Ext.create('Ext.button.Button',{
          text: 'Help'
        });
        
        this.header = Ext.create('Ext.toolbar.Toolbar',{
          region: 'north',
          items: [ this.logo, '->', this.buttonLogout, this.buttonHelp ],
          border: false,
        });
        this.tabPanel = Ext.create('Ext.tab.Panel',{
          region: 'center',
          activeTab: 0,
          items: {
            closable:true,
            title: 'Bienvenue',
            html: 'The first tab\'s content. Others may be added dynamically'
          }
        });
        this.navigationPanel = Ext.create('Ext.panel.Panel',{
          region: 'west',
          collapsible: true,
          border: false,
          title: 'Navigation',
          width: 150
        });
        config = Ext.apply({
          layout: 'border',
          renderTo: document.body,
          border: false,
          items: [ this.header, this.tabPanel, this.navigationPanel ]
        }, config);
        this.callParent([config]);
      }
    });

  2. #2
    Sencha - Ext JS Dev Team dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,403
    Vote Rating
    148
    dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold dongryphon is a splendid one to behold

      0  

    Default


    It might be bodyBorder that you need to set to false, depending on which border you are seeing.
    Don Griffin
    Engineering Manager - Frameworks (Ext JS / Sencha Touch)

    Check the docs. Learn how to (properly) report a framework issue and a Sencha Cmd issue

    "Use the source, Luke!"

  3. #3
    Sencha User
    Join Date
    Apr 2011
    Posts
    68
    Vote Rating
    -1
    Siriru is an unknown quantity at this point

      0  

    Default


    Only toolbar borders are visible, so I think it's weird. Bug ?

  4. #4
    Ext JS Premium Member
    Join Date
    Jan 2008
    Posts
    9
    Vote Rating
    1
    Limech is on a distinguished road

      0  

    Default I have got the same problem

    I have got the same problem


    I have got the same problem

    My workaround was adding:
    style : 'border:0'

    to the toolbar. But seems like a bug to me.

  5. #5
    Sencha User
    Join Date
    Apr 2010
    Posts
    78
    Vote Rating
    1
    kskrumpet is on a distinguished road

      0  

    Default


    As Don implied, you may need to set both border to false and/or bodyBorder to false. Did you try it?

Similar Threads

  1. Toolbar border
    By nak1 in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 28 Jul 2010, 8:10 AM
  2. Toolbar in border layout -> Errors
    By cko77 in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 12 Jan 2009, 12:47 AM
  3. How to add a toolbar fo each tab in a border layout ?
    By mediastart in forum Ext 1.x: Help & Discussion
    Replies: 7
    Last Post: 21 May 2007, 6:35 AM
  4. Border Layout + Toolbar + Scrolling = Non Static Toolbar
    By PuritysDisciple in forum Ext 1.x: Help & Discussion
    Replies: 1
    Last Post: 5 Feb 2007, 11:41 AM

Thread Participants: 3