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
    Posts
    1,365
    Vote Rating
    135
    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
    Ext JS Development Team Lead

    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