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;
}
cn.push({
tag: 'div',
- cls: 'collapse navbar-collapse',
+ cls: Roo.bootstrap.version == 4 ? 'nav flex-row roo-navbar-collapse' : 'collapse navbar-collapse',
cn : []
});
// 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');
}
},
* {@link Roo.bootstrap.DateField} and {@link Roo.bootstrap.ComboBox} are perfect examples of this.
* @cfg {String} triggerClass An additional CSS class used to style the trigger button. The trigger will always get the
* class 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.
- * @cfg {String} caret (search|calendar) a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/
+ * @cfg {String} caret (search|calendar) BS3 only - carat fa name
* @constructor
* Create a new TriggerField.
tag :'span',
cls : 'input-group-addon input-group-append input-group-text btn dropdown-toggle',
cn : [
- caret,
+ Roo.bootstrap.version == 3 ? caret : '',
{
tag: 'span',
cls: 'combobox-clear',
if(!this.multiple && this.showToggleBtn){
var caret = {
- tag: 'span',
- cls: 'caret'
+ cls: 'caret'
};
if (this.caret != false) {
combobox.cn.push({
tag :'span',
- cls : 'input-group-addon input-group-append input-group-text btn' +
- (Roo.bootstrap.version == 3 ? ' dropdown-toggle' : ''),
+ cls : 'input-group-addon input-group-append input-group-text btn dropdown-toggle',
cn : [
- caret,
+ Roo.bootstrap.version == 3 ? caret : '',
{
tag: 'span',
cls: 'combobox-clear',
this.originalValue = this.getValue();
- this.triggerEl = this.el.select('span.input-group-append',true).first();
+ this.triggerEl = this.el.select('span.dropdown-toggle',true).first();
this.inputEl().on("click", this.showTouchView, this);
if (this.triggerEl) {