PDA

View Full Version : [OPEN] Ext.tree.Panel border:false still shows top border



pbartels
20 Jun 2011, 1:08 AM
When creating a TreePanel and border is false, a top border is still shown.



Ext.define('GenPres.store.patient.PatientTreeStore', {

extend: 'Ext.data.TreeStore',

alias: 'widget.patienttreestore',

root: {
text: 'Patienten',
id: 'src',
expanded: false
},

idProperty : 'id',

fields: [
{ name: 'id', type: 'float' },
{ name: 'text', type: 'string' },
{ name: 'leaf', type: 'boolean' }
]
});

?Ext.define('GenPres.controller.patient.PatientController', {
extend: 'Ext.app.Controller',

stores:['patient.PatientTreeStore']
});

Ext.define('GenPres.view.main.PatientTree', {
extend: 'Ext.tree.Panel',
alias: 'widget.patienttree',

border:false,

folderSort: true,
useArrows: true,

scroll:'both',
autoScroll:true,
flex: 1,
store: 'patient.PatientTreeStore',

constructor : function(){
var me = this;
me.callParent();
},

initComponent : function(){
var me = this;
me.callParent();
}
});

var GenPresApplication;

Ext.application ({
name: 'GenPres',

autoCreateViewport: false,
appFolder: './Client/GenPres/app',

controllers: [
'patient.PatientController'
],

launch: function() {
var patientTree = Ext.create('GenPres.view.main.PatientTree');

var panel = new Ext.Panel({
width: 200,
split: false,
border:false,
margins: '0 5 5 5',
layout: {
type: 'vbox',
align: 'stretch'
},
items:[
{border:false, html:'test'},
patientTree
]
})

this.viewport = Ext.create('Ext.container.Viewport', {
layout: 'fit',
items:panel
});

}
});

dloew
21 Jun 2011, 7:33 AM
see here:
http://www.sencha.com/forum/showthread.php?132036-4.0.0-Borderless-tree-panel-shows-top-line

pbartels
22 Jun 2011, 1:57 AM
So there is a workaround, but it's still a (minor) bug!

bharatn
23 Jun 2011, 1:48 PM
@pbartels thanks for the report, we've just introduced a new bug template that will help us migrate bugs from the forums to our bug tracker. Could you please update your ticket to follow this template (http://www.sencha.com/forum/showthread.php?138165-How-to-report-a-bug) so that we can address it faster?

pbartels
8 Jul 2011, 8:29 PM
REQUIRED INFORMATION


Ext version tested:

Ext 4.0 rev 2


Browser versions tested against:

Chrome
FF4


Description:

Tree panel still shows top border


Steps to reproduce the problem:

Create a tree and set border to false, the border is still shown


The result that was expected:

A tree without a top border


The result that occurs instead:

A tree with a top border


Test Case:



Ext.define('GenPres.view.main.PatientTree', {
extend: 'Ext.tree.Panel',
alias: 'widget.patienttree',

border:false,
folderSort: true,
useArrows: true,
scroll:'both',
autoScroll:true,
flex: 1,
store: Ext.create('Ext.data.TreeStore', {
root: {
expanded: true,
children: [
{ text: "detention", leaf: true },
{ text: "homework", expanded: true, children: [
{ text: "book report", leaf: true },
{ text: "alegrbra", leaf: true}
] }
]
}
})
});

var GenPresApplication;

Ext.onReady(function(){
var patientTree = Ext.create('GenPres.view.main.PatientTree');

var panel = new Ext.Panel({
width: 500,
split: false,
border:false,
margins: '0 5 5 5',
layout: {
type: 'vbox',
align: 'stretch'
},
items:[
{border:false, html:'test'},
patientTree
]
});

this.viewport = Ext.create('Ext.container.Viewport', {
layout: 'fit',
items:panel
});
});





HELPFUL INFORMATION


Screenshot or Video:

none


See this URL for live test case: http://


Debugging already done:

none


Possible fix:

not provided


Additional CSS used:

only default ext-all.css


Operating System:

Windows 7

pbartels
14 Jul 2011, 4:20 AM
I have put a demo here: http://www.genpres.org/app/Bug/TreePanelTopBorder

edspencer
18 Jul 2011, 3:55 PM
Thanks, added to the tracker

mitchellsimoens
15 Nov 2011, 10:39 AM
Just tested in our latest code and this is working so marking as fixed.

lmalgras
17 Nov 2014, 5:25 AM
This bug is still present in Ext JS 4.2.3

https://fiddle.sencha.com/#fiddle/dge