watrboy00
16 Aug 2008, 7:41 PM
a. Ext 2.2
b. ext-base.js
c. Not OS Specific
d. Not browser specific
e. Simple setup... Viewport with at least one collapsible region, using collapseMode: mini, useSplitTips: true.
What steps will reproduce the problem?
Hover over split bar. Tool tip will show.
Hover over the mini element of the split bar. No tool tip will show
Can you provide a fix for this problem?
Problem arises because when the SplitRegion is created it creates a title dom attribute for the splitEl but does not for the miniSplitEl if the region is collapsible and using mini for the mode.
I have modified SplitRegion to add a title dom attribute to the miniSplitEl if the region is collapsible and using mini for the mode.
Ext.layout.BorderLayout.SplitRegion.override({
// private
render : function(ct, p){
Ext.layout.BorderLayout.SplitRegion.superclass.render.call(this, ct, p);
var ps = this.position;
this.splitEl = ct.createChild({
cls: "x-layout-split x-layout-split-"+ps, html: " ",
id: this.panel.id + '-xsplit'
});
if(this.collapseMode == 'mini'){
this.miniSplitEl = this.splitEl.createChild({
cls: "x-layout-mini x-layout-mini-"+ps, html: " "
});
this.miniSplitEl.addClassOnOver('x-layout-mini-over');
this.miniSplitEl.on('click', this.onCollapseClick, this, {stopEvent:true});
}
var s = this.splitSettings[ps];
this.split = new Ext.SplitBar(this.splitEl.dom, p.el, s.orientation);
this.split.placement = s.placement;
this.split.getMaximumSize = this[s.maxFn].createDelegate(this);
this.split.minSize = this.minSize || this[s.minProp];
this.split.on("beforeapply", this.onSplitMove, this);
this.split.useShim = this.useShim === true;
this.maxSize = this.maxSize || this[s.maxProp];
if(p.hidden){
this.splitEl.hide();
}
if(this.useSplitTips){
this.splitEl.dom.title = this.collapsible ? this.collapsibleSplitTip : this.splitTip;
if(this.collapsible && this.collapseMode == 'mini'){
this.miniSplitEl.dom.title = this.collapsibleSplitTip;
}
}
if(this.collapsible){
this.splitEl.on("dblclick", this.onCollapseClick, this);
}
}
});
b. ext-base.js
c. Not OS Specific
d. Not browser specific
e. Simple setup... Viewport with at least one collapsible region, using collapseMode: mini, useSplitTips: true.
What steps will reproduce the problem?
Hover over split bar. Tool tip will show.
Hover over the mini element of the split bar. No tool tip will show
Can you provide a fix for this problem?
Problem arises because when the SplitRegion is created it creates a title dom attribute for the splitEl but does not for the miniSplitEl if the region is collapsible and using mini for the mode.
I have modified SplitRegion to add a title dom attribute to the miniSplitEl if the region is collapsible and using mini for the mode.
Ext.layout.BorderLayout.SplitRegion.override({
// private
render : function(ct, p){
Ext.layout.BorderLayout.SplitRegion.superclass.render.call(this, ct, p);
var ps = this.position;
this.splitEl = ct.createChild({
cls: "x-layout-split x-layout-split-"+ps, html: " ",
id: this.panel.id + '-xsplit'
});
if(this.collapseMode == 'mini'){
this.miniSplitEl = this.splitEl.createChild({
cls: "x-layout-mini x-layout-mini-"+ps, html: " "
});
this.miniSplitEl.addClassOnOver('x-layout-mini-over');
this.miniSplitEl.on('click', this.onCollapseClick, this, {stopEvent:true});
}
var s = this.splitSettings[ps];
this.split = new Ext.SplitBar(this.splitEl.dom, p.el, s.orientation);
this.split.placement = s.placement;
this.split.getMaximumSize = this[s.maxFn].createDelegate(this);
this.split.minSize = this.minSize || this[s.minProp];
this.split.on("beforeapply", this.onSplitMove, this);
this.split.useShim = this.useShim === true;
this.maxSize = this.maxSize || this[s.maxProp];
if(p.hidden){
this.splitEl.hide();
}
if(this.useSplitTips){
this.splitEl.dom.title = this.collapsible ? this.collapsibleSplitTip : this.splitTip;
if(this.collapsible && this.collapseMode == 'mini'){
this.miniSplitEl.dom.title = this.collapsibleSplitTip;
}
}
if(this.collapsible){
this.splitEl.on("dblclick", this.onCollapseClick, this);
}
}
});