Search Tab
The search tab is an expandable "find in table" control that sits at the top of a table of content.
Classes
- lotusSearchTab - the class assigned to the wrapper div that contains a link with the word "Find" in it.
- lotusTabExpanded - and additional class that goes on the lotusSearchTab div when the search tab is open.
- lotusSearchForm - the class assigned to the form that displays when you open the search tab.
- lotusText - the input field for the search text.
- lotusSubmit - the submit button for the search form.
Basic Implementation
The search tab is made out of two pieces - a div with the word find in it and a toggle arrow, and a search form that can be toggled.
It needs to be placed within an action bar component to work correctly.
Examples
Sample HTML
CSS (searchTab.css)
Theme CSS (searchTabTheme.css)
At one point, this was the global search control.