← Banno Components

Site Search

Search Site Form

This has its own set of Banno tags, and is included in a div with aria tags for ADA.

HTML Tag

  • Add site specific validation attributes (either Parlsey or Pristine)
<form class="search-form" action="/search" method="GET">
  <label for="searchResults-search">Enter new search terms</label>
  <input name="q" id="searchResults-search" type="search" class="form-control" required>
  <button type="submit" class="btn btn-primary" aria-label="Begin new search">Search</button>
</form>

Search Results HTML

HTML

  • Place wherever you want results to show.
<banno:sitesearch-result></banno:sitesearch-result>

Config

Search Results default to a max of 10, but can be configured in the -make.json file. On the top level of the config object, add "numberOfSearchResults": X where X is the max number that should display. Do NOT wrap the number in quotes. For example, if you want to increase the max to 50…

"config": {
   ...
   "useTinyMCE": true,
   "numberOfSearchResults": 50
}

Re-Index

If your site’s search isn’t loading results, try re-indexing.

  1. Log into Prod or Staging environment’s CMS
  2. In a new tab, paste one of the following url structures in the location bar
    • Prod: https://banno.com/a/cms/api/site/www.sitename.com/page/_reindex
    • Staging: https://platform.banno-staging.com/a/cms/api/site/sitename.cms.banno-staging.com/page/_reindex
  3. Change sitename to your site’s url name and hit Enter

If all goes well, you should see a page that just says “true”