ComboStrap UI - Search

Undraw My Documents


search is a markup component that will output the search box of the internal search engine

It can be placed in a menubar component.


Quick Access

The search component has:

  • the f accesskey. In chrome, Alt+shift+f will bring you in the search box.
  • a tabindex of 1. Which means, if you do on Windows Alt+D + Tab, you comes directly in the search bar.

Page List Suggestion

When typing in the box, an auto-completion feature will show a list of pages that match the search term against the following metadata:

Example when you type the search term Search on this website:

Pagelist Search Box Combostrap

Search expression

You can enter the following expressions in the search box to refine your search for a term (known below as the search term):

  • starts with
  • ends with
  • contains
*searchterm* @mynamespace





Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.

Related HowTo's
Undraw Animating
How to use the ComboStrap platform

This section regroups all HowTo that show you how to do step by step

Recommended Pages
Undraw My Documents
ComboStrap - List of the keyboard shortcuts (access key)

This article lists the most common keyboard shortcuts available
Undraw My Documents
ComboStrap UI - Dropdown

dropdown is a component that shows a dropdown menu. It must be placed inside a group element of the menubar that you will find at the top of your page in a header slot This component accepts as entry...
Undraw My Documents
ComboStrap UI - Menu bar

A menubar is an horizontal navigational bar with links and dropdown menu that should be used in the page header. The start of the menubar. The brand. You can also put your logo icon Collapse...
Internal Search Engine Browser
Internal Search Engine

The internal search engine permits to search a page via search terms. ComboStrap supports the following search engine features. You can add a search box (generally in the menubar). Internally,...
Layout Element
Page Header Layout Element

The page header is a template layout element that is located at the top of your page. It contains the menubar that: shows links or dropdown contains a search box or button controls the visibility...
Page Explorer List Name To Ui Region
Page-explorer: adding page navigation easily to your website

With the page-explorer component, you can add an explorer like panel that will list your pages in a list or collapsible tree fashion
Admin Railbar
Search Index Manager

The plugin:searchindexsearch index manager is a supported plugin that will recreate the If you change a lot of page or after a release, the search index manager should be run to update/rebuild the index....
Undraw My Documents
What are the Navigational components in Combostrap?

How to improve the navigation of your website with the navigational components

Task Runner