1.

What Is Framework7 Search Bar?

Answer»

Framework 7 allows searching the elements by using the searchbar class.

Search Bar Parameters

Parameters & Description---Type Default

  1. searchList--It searches the CSS selector or HTML element of the list.--STRING or HTML Element -
  2. searchIn--You can search the list view elements of CSS selectors, also searches the elements by passing .ITEM-title, .item-text classes.—string--'.item-title'
  3. found---It searches the CSS selector or HTML element using "found" element. Further, it uses .searchbar-found element if there is no element specified.--string or HTML Element -
  4. notfound--It searches the CSS selector or HTML element using "not-found" element. Further, it uses .searchbar-not-found element if there is no element specified.--string or HTML Element -
  5. OVERLAY--It searches the CSS selector or HTML element using "searchbar overlay" element and uses .searchbar-overlay element, if there is no element specified.--string or HTML Element -
  6. ignore--You can ignore the CSS selector for items by using the searchbar.--string '.searchbar-ignore'
  7. customSearch--When it is ENABLED, the searchbar will not search through any of list blocks which is specified by searchList and you will be allowed to USE custom search functionality.—boolean--false
  8. removeDiacritics--When searching for an element, remove the diacritics by enabling this parameter.—boolean--false
  9. hideDividers---This parameter will hide item dividers and group title, if there are no items.—boolean--true
  10. hideGroups--This parameter will hide the groups, if there are no items found in the list view groups. ---boolean---true

Framework 7 allows searching the elements by using the searchbar class.

Search Bar Parameters

Parameters & Description---Type Default



Discussion

No Comment Found