this.el = Roo.get(cfg.dragElement, true);
this.el.dom.unselectable = "on";
/** @private */
- this.resizingEl = Roo.get(cfg resizingElement, true);
+ this.resizingEl = Roo.get(cfg.resizingElement, true);
/**
* @private
if(this.orientation == Roo.bootstrap.SplitBar.HORIZONTAL){
/** @private */
this.placement = cfg.placement || (this.el.getX() > this.resizingEl.getX() ? Roo.bootstrap.SplitBar.LEFT : Roo.bootstrap.SplitBar.RIGHT);
- this.el.addClass("x-splitbar-h");
+ this.el.addClass("roo-splitbar-h");
}else{
/** @private */
this.placement = cfg.placement || (this.el.getY() > this.resizingEl.getY() ? Roo.bootstrap.SplitBar.TOP : Roo.bootstrap.SplitBar.BOTTOM);
- this.el.addClass("x-splitbar-v");
+ this.el.addClass("roo-splitbar-v");
}
this.addEvents({
onStartProxyDrag : function(x, y){
this.fireEvent("beforeresize", this);
if(!this.overlay){
- var o = Roo.DomHelper.insertFirst(document.body, {cls: "x-drag-overlay", html: " "}, true);
+ var o = Roo.DomHelper.insertFirst(document.body, {cls: "roo-drag-overlay", html: " "}, true);
o.unselectable();
o.enableDisplayMode("block");
// all splitbars share the same overlay
Roo.bootstrap.SplitBar.createProxy = function(dir){
var proxy = new Roo.Element(document.createElement("div"));
proxy.unselectable();
- var cls = 'x-splitbar-proxy';
+ var cls = 'roo-splitbar-proxy';
proxy.addClass(cls + ' ' + (dir == Roo.bootstrap.SplitBar.HORIZONTAL ? cls +'-h' : cls + '-v'));
document.body.appendChild(proxy.dom);
return proxy.dom;