Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Ext JS Premium Member
    Join Date
    Aug 2008
    Posts
    36
    Vote Rating
    3
    dloew is on a distinguished road

      0  

    Default [4.0.0] Borderless tree panel shows top line

    [4.0.0] Borderless tree panel shows top line


    Hi,
    this is reorder.js from examples folder, I just removed title, border and dockedItems. The tree still shows a blue border line on the top.

    Code:
    Ext.require([
        'Ext.tree.*',
        'Ext.data.*',
        'Ext.tip.*'
    ]);
    
    Ext.onReady(function() {
        Ext.QuickTips.init();
        
        var store = Ext.create('Ext.data.TreeStore', {
            proxy: {
                type: 'ajax',
                url: 'get-nodes.php'
            },
            root: {
                text: 'Ext JS',
                id: 'src',
                expanded: true
            },
            folderSort: true,
            sorters: [{
                property: 'text',
                direction: 'ASC'
            }]
        });
    
        var tree = Ext.create('Ext.tree.Panel', {
    	border: false,
            store: store,
            viewConfig: {
                plugins: {
                    ptype: 'treeviewdragdrop'
                }
            },
            renderTo: 'tree-div',
            height: 300,
            width: 250,
            //title: 'Files',
            useArrows: true,
           /* dockedItems: [{
                xtype: 'toolbar',
                items: [{
                    text: 'Expand All',
                    handler: function(){
                        tree.expandAll();
                    }
                }, {
                    text: 'Collapse All',
                    handler: function(){
                        tree.collapseAll();
                    }
                }]
            }]*/
        });
    });
    How can I remove that line?

    Greetings

  2. #2
    Sencha User
    Join Date
    Aug 2007
    Location
    Munich, Germany
    Posts
    135
    Vote Rating
    0
    gelleneu is on a distinguished road

      0  

    Default


    You should play with:

    bodyStyle: {border:0}

    and

    border: false

    Set one or both of true / 1 and to false etc..
    Perhaps, one combination will work..

  3. #3
    Ext JS Premium Member
    Join Date
    Aug 2008
    Posts
    36
    Vote Rating
    3
    dloew is on a distinguished road

      0  

    Default


    Thank you.
    bodyStyle: {border:0}
    solved it!

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

      0  

    Exclamation Not fixed in Ext JS 4.1.0

    Not fixed in Ext JS 4.1.0


    Although you indicate in the EXTJSIV-3499 topic that this bug has been fixed in 4.1.0, I still encounter this issue.

    To reproduce, I have just added
    Code:
    border: false
    to the first tree of "Multiple trees" example.

Similar Threads

  1. Ext.Window borderless with close button?
    By coderobo in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 8 May 2010, 9:45 AM
  2. invalidText set to 'under' shows one word per line!
    By metra in forum Ext 3.x: Help & Discussion
    Replies: 6
    Last Post: 19 Apr 2010, 5:09 AM
  3. Replies: 2
    Last Post: 20 Jan 2010, 9:40 PM
  4. Debugging firebug the whole js script shows in one line
    By baki12 in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 6 Feb 2008, 11:38 AM

Thread Participants: 2