if(this.fireEvent('beforetoggle', this) === false){
return;
}
- var ce = this.el.select('.navbar-collapse',true).first();
+ var ce = this.el.select('.roo-navbar-collapse',true).first();
if (!ce.hasClass('show')) {
this.expand();
expand : function ()
{
- var ce = this.el.select('.navbar-collapse',true).first();
+ var ce = this.el.select('.roo-navbar-collapse',true).first();
if (ce.hasClass('collapsing')) {
return;
}
*/
collapse : function()
{
- var ce = this.el.select('.navbar-collapse',true).first();
+ var ce = this.el.select('.roo-navbar-collapse',true).first();
if (ce.hasClass('collapsing') || ce.hasClass('collapse') ) {
// it's collapsed or collapsing..
var cfg = {
tag : this.tag || 'div',
- cls : 'navbar navbar-expand-lg roo-navbar-simple'
+ cls : 'navbar roo-navbar-simple' //navbar-expand-lg ??
};
if (['light','white'].indexOf(this.weight) > -1) {
cfg.cls += ['light','white'].indexOf(this.weight) > -1 ? ' navbar-light' : ' navbar-dark';
cn.push({
tag: 'div',
- cls: 'collapse navbar-collapse',
+ cls: Roo.bootstrap.version == 4 ? 'nav flex-row roo-navbar-collapse' : 'collapse navbar-collapse roo-navbar-collapse',
cn : []
});
if (['tabs','pills'].indexOf(this.type) != -1) {
cfg.cls += ' nav-' + this.type;
} else {
- cfg.cls += ' navbar-nav';
+ // trying to remove so header bar can right align top?
+ if (this.parent() && this.parent().xtype != 'NavHeaderbar') {
+ // do not use on header bar...
+ cfg.cls += ' navbar-nav';
+ }
}
+
} else {
if (['tabs','pills'].indexOf(this.type) != -1) {
cfg.cls += ' nav-' + this.type
tag: 'form',
cls: 'navbar-form form-inline'
};
-
+ //nav navbar-right ml-md-auto
if (this.align === 'right') {
cfg.cls += ' navbar-right ml-md-auto';
} else {
// if parent is a navbarheader....- and link is probably a '#' page ref.. then remove the expanded menu.
if (p.parentType == 'NavHeaderbar' && !this.menu) {
// remove the collapsed menu expand...
- p.parent().el.select('.navbar-collapse',true).removeClass('in');
+ p.parent().el.select('.roo-navbar-collapse',true).removeClass('in');
}
},