Merge branch 'develop' into fix/tools-clear-issue

site/docs/api/localizations.md

@@ -114,6 +114,18 @@ $('#table').bootstrapTable({
 
 - **Default:** `'Hide/Show pagination'`
 
+## formatPaginationSwitchDown
+
+- **Parameter:** `undefined`
+
+- **Default:** `'Show pagination'`
+
+## formatPaginationSwitchUp
+
+- **Parameter:** `undefined`
+
+- **Default:** `'Hide pagination'`
+
 ## formatRefresh
 
 - **Parameter:** `undefined`
@@ -126,6 +138,18 @@ $('#table').bootstrapTable({
 
 - **Default:** `'Toggle'`
 
+## formatToggleOn
+
+- **Parameter:** `undefined`
+
+- **Default:** `'Show card view'`
+
+## formatToggleOff
+
+- **Parameter:** `undefined`
+
+- **Default:** `'Hide card view'`
+
 ## formatColumns
 
 - **Parameter:** `undefined`

site/docs/api/table-options.md

@@ -794,6 +794,34 @@ The table options are defined in `jQuery.fn.bootstrapTable.defaults`.
 
 - **Example:** [Strict Search](https://examples.bootstrap-table.com/#options/strict-search.html)
 
+## showButtonIcons
+
+- **Attribute:** `show-button-icons`
+
+- **Type:** `Boolean`
+
+- **Detail:**
+
+  All buttons will show icons on it
+
+- **Default:** `true`
+
+- **Example:** [show button icons](https://examples.bootstrap-table.com/#options/show-button-icons.html)
+
+## showButtonText
+
+- **Attribute:** `show-button-text`
+
+- **Type:** `Boolean`
+
+- **Detail:**
+
+  All buttons will show an text on it
+
+- **Default:** `false`
+
+- **Example:** [show button text](https://examples.bootstrap-table.com/#options/show-button-text.html)
+
 ## showSearchButton
 
 - **Attribute:** `data-show-search-button`

src/bootstrap-table.js

@@ -493,28 +493,32 @@ class BootstrapTable {
     if (o.showPaginationSwitch) {
       html.push(`<button class="${this.constants.buttonsClass}" type="button" name="paginationSwitch"
         aria-label="Pagination Switch" title="${o.formatPaginationSwitch()}">
-        ${Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.paginationSwitchDown)}
+        ${o.showButtonIcons ? Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.paginationSwitchDown) : ''}
+        ${o.showButtonText ? o.formatPaginationSwitchUp() : ''}
         </button>`)
     }
 
     if (o.showRefresh) {
       html.push(`<button class="${this.constants.buttonsClass}" type="button" name="refresh"
         aria-label="Refresh" title="${o.formatRefresh()}">
-        ${Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.refresh)}
+        ${o.showButtonIcons ? Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.refresh) : ''}
+        ${o.showButtonText ? o.formatRefresh() : ''}
         </button>`)
     }
 
     if (o.showToggle) {
       html.push(`<button class="${this.constants.buttonsClass}" type="button" name="toggle"
         aria-label="Toggle" title="${o.formatToggle()}">
-        ${Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.toggleOff)}
+        ${o.showButtonIcons ? Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.toggleOff) : '' }
+        ${o.showButtonText ? o.formatToggleOn() : ''}
         </button>`)
     }
 
     if (o.showFullscreen) {
       html.push(`<button class="${this.constants.buttonsClass}" type="button" name="fullscreen"
         aria-label="Fullscreen" title="${o.formatFullscreen()}">
-        ${Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.fullscreen)}
+        ${o.showButtonIcons ? Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.fullscreen) : '' }
+        ${o.showButtonText ? o.formatFullscreen() : ''}
         </button>`)
     }
 
@@ -522,7 +526,8 @@ class BootstrapTable {
       html.push(`<div class="keep-open ${this.constants.classes.buttonsDropdown}" title="${o.formatColumns()}">
         <button class="${this.constants.buttonsClass} dropdown-toggle" type="button" data-toggle="dropdown"
         aria-label="Columns" title="${o.formatColumns()}">
-        ${Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.columns)}
+        ${o.showButtonIcons ? Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.columns) : '' }
+        ${o.showButtonText ? o.formatColumns() : ''} 
         ${this.constants.html.dropdownCaret}
         </button>
         ${this.constants.html.toobarDropdow[0]}`)
@@ -597,6 +602,8 @@ class BootstrapTable {
 
     if (o.search) {
       html = []
+      const showSearchButton = Utils.sprintf(this.constants.html.searchButton, o.formatSearch(), o.showButtonIcons ? Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.search) : '', o.showButtonText ? o.formatSearch() : '')
+      const showSearchClearButton = Utils.sprintf(this.constants.html.searchClearButton, o.formatClearSearch(), o.showButtonIcons ? Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.clearSearch) : '', o.showButtonText ? o.formatClearSearch() : '')
 
       html.push(Utils.sprintf(`
         <div class="${this.constants.classes.pull}-${o.searchAlign} search ${this.constants.classes.inputGroup}">
@@ -604,9 +611,9 @@ class BootstrapTable {
         </div>
       `,
       Utils.sprintf(this.constants.html.inputGroup,
-        Utils.sprintf(this.constants.html.searchInput, this.constants.classes.input, Utils.sprintf(' input-%s', o.iconSize), o.formatSearch()),
-        (o.showSearchButton ? Utils.sprintf(this.constants.html.searchButton, o.formatSearch(), this.options.iconsPrefix, this.options.icons.search) : '') +
-        (o.showSearchClearButton ? Utils.sprintf(this.constants.html.searchClearButton, o.formatClearSearch(), this.options.iconsPrefix, this.options.icons.clearSearch) : ''))
+        `<input class="${this.constants.classes.input}${Utils.sprintf(' input-%s', o.iconSize)}" type="text" placeholder="${o.formatSearch()}">`,
+        (o.showSearchButton ? showSearchButton : '') +
+        (o.showSearchClearButton ? showSearchClearButton : ''))
       ))
 
       this.$toolbar.append(html.join(''))
@@ -2519,9 +2526,11 @@ class BootstrapTable {
 
   togglePagination () {
     this.options.pagination = !this.options.pagination
+
+    const icon = this.options.showButtonIcons ? this.options.pagination ? this.options.icons.paginationSwitchDown : this.options.icons.paginationSwitchUp : ''
+    const text = this.options.showButtonText ? this.options.pagination ? this.options.formatPaginationSwitchUp() : this.options.formatPaginationSwitchDown() : ''
     this.$toolbar.find('button[name="paginationSwitch"]')
-      .html(Utils.sprintf(this.constants.html.icon, this.options.iconsPrefix,
-        this.options.pagination ? this.options.icons.paginationSwitchDown : this.options.icons.paginationSwitchUp))
+      .html(Utils.sprintf(this.constants.html.icon, this.options.iconsPrefix, icon) + ' ' + text)
     this.updatePagination()
   }
 
@@ -2533,11 +2542,11 @@ class BootstrapTable {
   toggleView () {
     this.options.cardView = !this.options.cardView
     this.initHeader()
-    // Fixed remove toolbar when click cardView button.
-    // this.initToolbar();
+
+    const icon = this.options.showButtonIcons ? this.options.cardView ? this.options.icons.toggleOn : this.options.icons.toggleOff : ''
+    const text = this.options.showButtonText ? this.options.cardView ? this.options.formatToggleOff() : this.options.formatToggleOn() : ''
     this.$toolbar.find('button[name="toggle"]')
-      .html(Utils.sprintf(this.constants.html.icon, this.options.iconsPrefix,
-        this.options.cardView ? this.options.icons.toggleOn : this.options.icons.toggleOff))
+      .html(Utils.sprintf(this.constants.html.icon, this.options.iconsPrefix, icon) + ' ' + text)
     this.initBody()
     this.trigger('toggle', this.options.cardView)
   }

src/constants/index.js

@@ -54,8 +54,8 @@ const CONSTANTS = {
       icon: '<i class="%s %s"></i>',
       inputGroup: '<div class="input-group">%s<span class="input-group-btn">%s</span></div>',
       searchInput: '<input class="%s%s" type="text" placeholder="%s">',
-      searchButton: '<button class="btn btn-default" type="button" name="search" title="%s"><i class="%s %s"></i></button>',
-      searchClearButton: '<button class="btn btn-default" type="button" name="clearSearch" title="%s"><i class="%s %s"></i></button>'
+      searchButton: '<button class="btn btn-default" type="button" name="search" title="%s">%s %s</button>',
+      searchClearButton: '<button class="btn btn-default" type="button" name="clearSearch" title="%s">%s %s</button>'
     }
   },
   4: {
@@ -98,8 +98,8 @@ const CONSTANTS = {
       icon: '<i class="%s %s"></i>',
       inputGroup: '<div class="input-group">%s<div class="input-group-append">%s</div></div>',
       searchInput: '<input class="%s%s" type="text" placeholder="%s">',
-      searchButton: '<button class="btn btn-secondary" type="button" name="search" title="%s"><i class="%s %s"></i></button>',
-      searchClearButton: '<button class="btn btn-secondary" type="button" name="clearSearch" title="%s"><i class="%s %s"></i></button>'
+      searchButton: '<button class="btn btn-secondary" type="button" name="search" title="%s">%s %s</button>',
+      searchClearButton: '<button class="btn btn-secondary" type="button" name="clearSearch" title="%s">%s %s</button>'
     }
   }
 }[bootstrapVersion]
@@ -166,6 +166,8 @@ const DEFAULTS = {
   search: false,
   searchOnEnterKey: false,
   strictSearch: false,
+  showButtonIcons: true,
+  showButtonText: false,
   showSearchButton: false,
   showSearchClearButton: false,
   trimOnSearch: true,
@@ -343,12 +345,24 @@ const EN = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Refresh'
   },
   formatToggle () {
     return 'Toggle'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Columns'
   },

src/extensions/auto-refresh/bootstrap-table-auto-refresh.js

@@ -52,7 +52,8 @@ $.BootstrapTable = class extends $.BootstrapTable {
           <button class="auto-refresh ${this.constants.buttonsClass}
           ${this.options.autoRefreshStatus ? ` ${this.constants.classes.buttonActive}` : ''}"
           type="button" title="${this.options.formatAutoRefresh()}">
-          ${Utils.sprintf(this.constants.html.icon, this.options.iconsPrefix, this.options.icons.autoRefresh)}
+          ${ this.options.showButtonIcons ? Utils.sprintf(this.constants.html.icon, this.options.iconsPrefix, this.options.icons.autoRefresh) : ''}
+          ${ this.options.showButtonText ? this.options.formatAutoRefresh() : ''}
           </button>
         `).appendTo($btnGroup)
 

src/extensions/export/bootstrap-table-export.js

@@ -89,7 +89,8 @@ $.BootstrapTable = class extends $.BootstrapTable {
       data-toggle="dropdown"
       type="button"
       title="${o.formatExport()}">
-      ${Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.export)}
+      ${ o.showButtonIcons ? Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.export) : ''}
+      ${ o.showButtonText ? o.formatExport() : ''}
       ${this.constants.html.dropdownCaret}
       </button>
       </div>

src/extensions/filter-control/bootstrap-table-filter-control.js

@@ -587,6 +587,12 @@ $.extend($.fn.bootstrapTable.defaults.icons, {
 
 $.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales)
 
+$.extend($.fn.bootstrapTable.defaults, {
+  formatClearSearch () {
+    return 'Clear filters'
+  }
+})
+
 $.fn.bootstrapTable.methods.push('triggerSearch')
 $.fn.bootstrapTable.methods.push('clearFilterControl')
 

src/extensions/toolbar/bootstrap-table-toolbar.js

@@ -91,7 +91,8 @@ $.BootstrapTable = class extends $.BootstrapTable {
         name="advancedSearch"
         aria-label="advanced search"
         title="${o.formatAdvancedSearch()}">
-      <i class="${o.iconsPrefix} ${o.icons.advancedSearchIcon}"></i>
+        ${ this.options.showButtonIcons ? Utils.sprintf(this.constants.html.icon, o.iconsPrefix, o.icons.advancedSearchIcon) : ''}
+        ${ this.options.showButtonText ? this.options.formatAdvancedSearch() : ''}
       </button>
     `)
 

src/locale/bootstrap-table-af-ZA.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['af-ZA'] = {
   formatPaginationSwitch () {
     return 'Wys/verberg bladsy nummering'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Herlaai'
   },
   formatToggle () {
     return 'Wissel'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Kolomme'
   },

src/locale/bootstrap-table-ar-SA.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['ar-SA'] = {
   formatPaginationSwitch () { /* eslint-disable no-useless-escape */
     return 'إخفاء\إظهار ترقيم الصفحات'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'تحديث'
   },
   formatToggle () {
     return 'تغيير'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'أعمدة'
   },

src/locale/bootstrap-table-ca-ES.js

@@ -42,12 +42,24 @@ $.fn.bootstrapTable.locales['ca-ES'] = {
   formatPaginationSwitch () {
     return 'Amaga/Mostra paginació'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Refresca'
   },
   formatToggle () {
     return 'Alterna formatació'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Columnes'
   },

src/locale/bootstrap-table-cs-CZ.js

@@ -42,12 +42,24 @@ $.fn.bootstrapTable.locales['cs-CZ'] = {
   formatPaginationSwitch () {
     return 'Skrýt/Zobrazit stránkování'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Aktualizovat'
   },
   formatToggle () {
     return 'Přepni'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Sloupce'
   },

src/locale/bootstrap-table-da-DK.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['da-DK'] = {
   formatPaginationSwitch () {
     return 'Skjul/vis nummerering'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Opdater'
   },
   formatToggle () {
     return 'Skift'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Kolonner'
   },

src/locale/bootstrap-table-de-DE.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['de-DE'] = {
   formatPaginationSwitch () {
     return 'Verstecke/Zeige Nummerierung'
   },
+  formatPaginationSwitchDown () {
+    return 'Zeige Nummerierung'
+  },
+  formatPaginationSwitchUp () {
+    return 'Verstecke Nummerierung'
+  },
   formatRefresh () {
     return 'Neu laden'
   },
   formatToggle () {
     return 'Umschalten'
   },
+  formatToggleOn () {
+    return 'Normale Ansicht'
+  },
+  formatToggleOff () {
+    return 'Kartenansicht'
+  },
   formatColumns () {
     return 'Spalten'
   },

src/locale/bootstrap-table-el-GR.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['el-GR'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Refresh'
   },
   formatToggle () {
     return 'Toggle'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Columns'
   },

src/locale/bootstrap-table-en-US.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['en-US'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Refresh'
   },
   formatToggle () {
     return 'Toggle'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Columns'
   },

src/locale/bootstrap-table-es-AR.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['es-AR'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Refresh'
   },
   formatToggle () {
     return 'Toggle'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Columns'
   },

src/locale/bootstrap-table-es-CL.js

@@ -42,12 +42,24 @@ $.fn.bootstrapTable.locales['es-CL'] = {
   formatPaginationSwitch () {
     return 'Ocultar/Mostrar paginaci\u00F3n'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Refrescar'
   },
   formatToggle () {
     return 'Cambiar'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Columnas'
   },

src/locale/bootstrap-table-es-CR.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['es-CR'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Refrescar'
   },
   formatToggle () {
     return 'Alternar'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Columnas'
   },

src/locale/bootstrap-table-es-ES.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['es-ES'] = {
   formatPaginationSwitch () {
     return 'Ocultar/Mostrar paginación'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Refrescar'
   },
   formatToggle () {
     return 'Ocultar/Mostrar'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Columnas'
   },

src/locale/bootstrap-table-es-MX.js

@@ -43,12 +43,24 @@ $.fn.bootstrapTable.locales['es-MX'] = {
   formatPaginationSwitch () {
     return 'Mostrar/ocultar paginación'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Actualizar'
   },
   formatToggle () {
     return 'Cambiar vista'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Columnas'
   },

src/locale/bootstrap-table-es-NI.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['es-NI'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Refrescar'
   },
   formatToggle () {
     return 'Alternar'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Columnas'
   },

src/locale/bootstrap-table-es-SP.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['es-SP'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Actualizar'
   },
   formatToggle () {
     return 'Alternar'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Columnas'
   },

src/locale/bootstrap-table-et-EE.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['et-EE'] = {
   formatPaginationSwitch () {
     return 'Näita/Peida lehtedeks jagamine'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Värskenda'
   },
   formatToggle () {
     return 'Lülita'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Veerud'
   },

src/locale/bootstrap-table-eu-EU.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['eu-EU'] = {
   formatPaginationSwitch () {
     return 'Ezkutatu/Erakutsi orrikatzea'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Eguneratu'
   },
   formatToggle () {
     return 'Ezkutatu/Erakutsi'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Zutabeak'
   },

src/locale/bootstrap-table-fa-IR.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['fa-IR'] = {
   formatPaginationSwitch () {
     return 'نمایش/مخفی صفحه بندی'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'به روز رسانی'
   },
   formatToggle () {
     return 'تغییر نمایش'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'سطر ها'
   },

src/locale/bootstrap-table-fi-FI.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['fi-FI'] = {
   formatPaginationSwitch () {
     return 'Näytä/Piilota sivutus'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Päivitä'
   },
   formatToggle () {
     return 'Valitse'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Sarakkeet'
   },

src/locale/bootstrap-table-fr-BE.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['fr-BE'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Refresh'
   },
   formatToggle () {
     return 'Toggle'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Columns'
   },

src/locale/bootstrap-table-fr-FR.js

@@ -42,12 +42,24 @@ $.fn.bootstrapTable.locales['fr-FR'] = {
   formatPaginationSwitch () {
     return 'Montrer/Masquer pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Rafraîchir'
   },
   formatToggle () {
     return 'Alterner'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Colonnes'
   },

src/locale/bootstrap-table-he-IL.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['he-IL'] = {
   formatPaginationSwitch () {
     return 'הסתר/הצג מספור דפים'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'רענן'
   },
   formatToggle () {
     return 'החלף תצוגה'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'עמודות'
   },

src/locale/bootstrap-table-hr-HR.js

@@ -42,12 +42,24 @@ $.fn.bootstrapTable.locales['hr-HR'] = {
   formatPaginationSwitch () {
     return 'Prikaži/sakrij stranice'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Osvježi'
   },
   formatToggle () {
     return 'Promijeni prikaz'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Kolone'
   },

src/locale/bootstrap-table-hu-HU.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['hu-HU'] = {
   formatPaginationSwitch () {
     return 'Lapozó elrejtése/megjelenítése'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Frissítés'
   },
   formatToggle () {
     return 'Összecsuk/Kinyit'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Oszlopok'
   },

src/locale/bootstrap-table-id-ID.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['id-ID'] = {
   formatPaginationSwitch () {
     return 'Sembunyikan/Tampilkan halaman'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Muat ulang'
   },
   formatToggle () {
     return 'Beralih'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'kolom'
   },

src/locale/bootstrap-table-it-IT.js

@@ -43,12 +43,24 @@ $.fn.bootstrapTable.locales['it-IT'] = {
   formatPaginationSwitch () {
     return 'Nascondi/Mostra paginazione'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Aggiorna'
   },
   formatToggle () {
     return 'Attiva/Disattiva'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Colonne'
   },

src/locale/bootstrap-table-ja-JP.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['ja-JP'] = {
   formatPaginationSwitch () {
     return 'ページ数を表示・非表示'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return '更新'
   },
   formatToggle () {
     return 'トグル'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return '列'
   },

src/locale/bootstrap-table-ka-GE.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['ka-GE'] = {
   formatPaginationSwitch () {
     return 'გვერდების გადამრთველის დამალვა/გამოჩენა'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'განახლება'
   },
   formatToggle () {
     return 'ჩართვა/გამორთვა'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'სვეტები'
   },

src/locale/bootstrap-table-ko-KR.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['ko-KR'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return '새로 고침'
   },
   formatToggle () {
     return '전환'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return '컬럼 필터링'
   },

src/locale/bootstrap-table-ms-MY.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['ms-MY'] = {
   formatPaginationSwitch () {
     return 'Tunjuk/sembunyi muka surat'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Muatsemula'
   },
   formatToggle () {
     return 'Tukar'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Lajur'
   },

src/locale/bootstrap-table-nb-NO.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['nb-NO'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Oppdater'
   },
   formatToggle () {
     return 'Endre'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Kolonner'
   },

src/locale/bootstrap-table-nl-NL.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['nl-NL'] = {
   formatPaginationSwitch () {
     return 'Verberg/Toon paginatie'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Vernieuwen'
   },
   formatToggle () {
     return 'Omschakelen'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Kolommen'
   },

src/locale/bootstrap-table-pl-PL.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['pl-PL'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Odśwież'
   },
   formatToggle () {
     return 'Przełącz'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Kolumny'
   },

src/locale/bootstrap-table-pt-BR.js

@@ -42,12 +42,24 @@ $.fn.bootstrapTable.locales['pt-BR'] = {
   formatPaginationSwitch () {
     return 'Ocultar/Exibir paginação'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Recarregar'
   },
   formatToggle () {
     return 'Alternar'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Colunas'
   },

src/locale/bootstrap-table-pt-PT.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['pt-PT'] = {
   formatPaginationSwitch () {
     return 'Esconder/Mostrar pagina&ccedilão'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Atualizar'
   },
   formatToggle () {
     return 'Alternar'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Colunas'
   },

src/locale/bootstrap-table-ro-RO.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['ro-RO'] = {
   formatPaginationSwitch () {
     return 'Ascunde/Arata paginatia'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Reincarca'
   },
   formatToggle () {
     return 'Comuta'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Coloane'
   },

src/locale/bootstrap-table-ru-RU.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['ru-RU'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Обновить'
   },
   formatToggle () {
     return 'Переключить'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Колонки'
   },

src/locale/bootstrap-table-sk-SK.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['sk-SK'] = {
   formatPaginationSwitch () {
     return 'Skry/Zobraz stránkovanie'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Obnoviť'
   },
   formatToggle () {
     return 'Prepni'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Stĺpce'
   },

src/locale/bootstrap-table-sv-SE.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['sv-SE'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Uppdatera'
   },
   formatToggle () {
     return 'Skifta'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'kolumn'
   },

src/locale/bootstrap-table-th-TH.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['th-TH'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'รีเฟรส'
   },
   formatToggle () {
     return 'สลับมุมมอง'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'คอลัมน์'
   },

src/locale/bootstrap-table-tr-TR.js

@@ -42,12 +42,24 @@ $.fn.bootstrapTable.locales['tr-TR'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Yenile'
   },
   formatToggle () {
     return 'Değiştir'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Sütunlar'
   },

src/locale/bootstrap-table-uk-UA.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['uk-UA'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Оновити'
   },
   formatToggle () {
     return 'Змінити'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Стовпці'
   },

src/locale/bootstrap-table-ur-PK.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['ur-PK'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'تازہ کریں'
   },
   formatToggle () {
     return 'تبدیل کریں'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'کالم'
   },

src/locale/bootstrap-table-uz-Latn-UZ.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['uz-Latn-UZ'] = {
   formatPaginationSwitch () {
     return 'Sahifalashni yashirish/ko\'rsatish'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Yangilash'
   },
   formatToggle () {
     return 'Ko\'rinish'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Ustunlar'
   },

src/locale/bootstrap-table-vi-VN.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['vi-VN'] = {
   formatPaginationSwitch () {
     return 'Hide/Show pagination'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return 'Refresh'
   },
   formatToggle () {
     return 'Toggle'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return 'Columns'
   },

src/locale/bootstrap-table-zh-CN.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['zh-CN'] = {
   formatPaginationSwitch () {
     return '隐藏/显示分页'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return '刷新'
   },
   formatToggle () {
     return '切换'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return '列'
   },

src/locale/bootstrap-table-zh-TW.js

@@ -41,12 +41,24 @@ $.fn.bootstrapTable.locales['zh-TW'] = {
   formatPaginationSwitch () {
     return '隱藏/顯示分頁'
   },
+  formatPaginationSwitchDown () {
+    return 'Show pagination'
+  },
+  formatPaginationSwitchUp () {
+    return 'Hide pagination'
+  },
   formatRefresh () {
     return '重新整理'
   },
   formatToggle () {
     return '切換'
   },
+  formatToggleOn () {
+    return 'Show card view'
+  },
+  formatToggleOff () {
+    return 'Hide card view'
+  },
   formatColumns () {
     return '列'
   },

src/themes/bulma/bootstrap-table-bulma.js

@@ -34,8 +34,8 @@ $.BootstrapTable = class extends $.BootstrapTable {
     this.constants.html.paginationItem = '<li><a class="page-item pagination-link%s" aria-label="%s" href="#">%s</a></li>'
     this.constants.html.searchInput = '<p class="control"><input class="%s input-%s" type="text" placeholder="%s"></p>'
     this.constants.html.inputGroup = '<div class="field has-addons has-addons-right">%s%s</div>'
-    this.constants.html.searchButton = '<p class="control"><button class="button" type="button" name="search" title="%s"><i class="%s %s"></i></button></p>'
-    this.constants.html.searchClearButton = '<p class="control"><button class="button" type="button" name="clearSearch" title="%s"><i class="%s %s"></i></button></p>'
+    this.constants.html.searchButton = '<p class="control"><button class="button" type="button" name="search" title="%s">%s %s</button></p>'
+    this.constants.html.searchClearButton = '<p class="control"><button class="button" type="button" name="clearSearch" title="%s">%s %s</button></p>'
   }
 
   initToolbar () {

src/themes/foundation/bootstrap-table-foundation.js

@@ -32,8 +32,8 @@ $.BootstrapTable = class extends $.BootstrapTable {
     this.constants.html.paginationItem = '<li><a class="page-item%s" aria-label="%s" href="#">%s</a></li>'
     this.constants.html.inputGroup = '<div class="input-group">%s <div class="input-group-button">%s</div></div>'
     this.constants.html.searchInput = '<input class="%s input-%s input-group-field" type="text" placeholder="%s">'
-    this.constants.html.searchButton = '<button class="button" type="button" name="search" title="%s"><i class="%s %s"></i></button>'
-    this.constants.html.searchClearButton = '<button class="button" type="button" name="clearSearch" title="%s"><i class="%s %s"></i></button>'
+    this.constants.html.searchButton = '<button class="button" type="button" name="search" title="%s">%s %s</button>'
+    this.constants.html.searchClearButton = '<button class="button" type="button" name="clearSearch" title="%s">%s %s</button>'
   }
 
   initToolbar () {

src/themes/semantic/bootstrap-table-semantic.js

@@ -28,8 +28,8 @@ $.BootstrapTable = class extends $.BootstrapTable {
     this.constants.html.dropdownCaret = '<i class="dropdown icon"></i>'
     this.constants.html.pagination = ['<div class="ui pagination menu%s">', '</div>']
     this.constants.html.paginationItem = '<a class="page-item item%s" aria-label="%s" href="#">%s</a>'
-    this.constants.html.searchButton = '<button class="ui button" type="button" name="search" title="%s"><i class="%s %s"></i></button>'
-    this.constants.html.searchClearButton = '<button class="ui button" type="button" name="clearSearch" title="%s"><i class="%s %s"></i></button>'
+    this.constants.html.searchButton = '<button class="ui button" type="button" name="search" title="%s">%s %s</button>'
+    this.constants.html.searchClearButton = '<button class="ui button" type="button" name="clearSearch" title="%s">%s %s</button>'
     this.constants.html.inputGroup = '<div class="ui action input">%s%s</div>'
   }