This search box code is for websites using a Content Management System that has the capability to add a tabbed box. The code is a modified version of the EBSCO Search Box Builder.
The code for each type of search -- EDS, Enterprise, etc -- will be pasted into the Media/Widget editor for each separate tab of the box.
After you have created the search box, select the gear icon and create your tabs. For example, you may have tabs for Discovery, Catalog, Databases, and Journals.
After you've created your tabs, click the Add/Reorder dropdown menu and select Media/Widget. Give your widget a name and paste your CSS/HTML code into the "Embed Code" area. Click Save and Close. Repeat for each tab.*
Note that the CSS styling tags are different for each tab; while the styling is the same, this prevents the tabs from overriding each other.
Unlike the other two search box options, this does not require Bootstrap.
*since you created your search box as a Media/Widget asset, it can now be reused on other guides/website pages.
Like what you see? Request your own custom tabbed search box!
© 2021 | All Rights Reserved