Skip to main content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.

Resources for MDC LibGuide Authors: Box Boutique

About This Page

This page contains ready-made boxes you can copy or map into your LibGuides.

Ask a Librarian


Ask a Librarian

Need research help? Chat with a Librarian online.

Ask a Librarian

Need more research help? The Florida Electronic Library connects you to librarians across the State of Florida.

Chat | Email | Text

EBSCO Search Widgets

Below is a selection of database search widgets generated using the EBSCO Search Box Builder and edited to enhance web accessibility. Feel free to copy them into your LibGuides.

You can use the EBSCO Search Box Builder to create customized widgets for searching individual or multiple EBSCO databases. Depending on which customization options you select, some coding tweaks may be necessary to ensure web accessibility. To minimize the amount of code that will need to be edited, follow the recommendations below.

Note that when adding code of this nature to a LibGuide, Springshare recommends using the Media/Widget content item rather than the Rich Text/HTML content item.

LibGuide drop-down menu for adding a media widget
 

  1. Use the EBSCO Search Box Builder to generate the desired code.

    In section 2 (Select Authentication Parameters):
    • Use proxy prefix: https://go.openathens.net/redirector/mdc.edu?url=
    • Leave all methods unchecked.
    • Leave “Secure HTTPS authentication” unchecked.

    In section 4 (Customize the Layout):
    • Remove "Research databases" from the Title field and leave it blank.
    • Check "Open search results in new browser."
    • Leave the "Show choose databases," "Show Full Text Checkbox Limiter," and "Show Peer Reviewed Checkbox Limiter" boxes unchecked.
       

    Check box selections
     

  2. Once you've generated the code, copy and paste it into the Embed Code field of a LibGuide Media/Widget content item, then scroll down to find the part of the code that looks like this:

    <div>
    <input id="ebscohostsearchtext" class="" name="ebscohostsearchtext" type="text" size="23"  style="font-size:9pt;padding-left:5px;margin-left:0px;" />

    <input type="submit" value="Search" class="ebscohost-search-button " style="font-size:9pt;padding-left:5px;" />
     
  3. Insert the highlighted text as shown below.  You can change "Enter keywords" to something else if you wish.
     
    <div>
    <label>Enter keywords:<br><input id="ebscohostsearchtext" class="" name="ebscohostsearchtext" type="text" size="23"  style="font-size:9pt;padding-left:5px;margin-left:0px;" /></label>
     
    <input type="submit" value="Search" class="ebscohost-search-button " style="font-size:9pt;padding-left:5px;" />

     

  4. Some widgets might not function as expected, so be sure to test each one you create by performing a few searches.

Academic Search Complete

Find full-text articles in Academic Search Complete:

EBSCO eBooks

Search the EBSCO eBook Collection:

EBSCO Arts & Humanities Databases

Find full-text articles in: Art & Architecture Source, Humanities Full Text, and Humanities Source.

EBSCO Business Databases

Find full-text articles in: Business Source Complete, Communication & Mass Media Complete, GreenFILE, Hospitality & Tourism Complete, and Regional Business News.

EBSCO Education Databases

Find full-text articles in: Education Full Text, Education Source, ERIC, and Teacher Reference Center.

EBSCO Health & Medicine Databases

Find full-text articles in: CINAHL Complete, Health Source Consumer Edition, MEDLINE with Full Text, and PsycARTICLES.

EBSCO Science Databases

Find full-text articles in: Applied Science & Technology Source, General Science Full Text, and GreenFILE.

Catalog Search Boxes

Further down on this page is a tabbed search widget followed by a selection of catalog search boxes generated using the FALSC Widget Creator and edited to enhance web accessibility. Feel free to copy one or more of them into your LibGuides.

Note that each search box has a label above it, such as "Enter keywords" or "Search for."

Search box with label


Labels are necessary for web accessibility, but if you want to use different wording, such as "Enter search terms," or whatever you prefer, do the following:

  1. Copy the desired box into your guide (be sure to copy it rather than mapping to the original)
  2. Open the content item edit menu and select edit.

    Content item edit menu

  3. In the Embed Code field, scroll down to find the part of the code that contains the label. It looks like this:


    <!-- REQUIRED INPUT with id="searchInput" -->

    <label>Enter keywords:<br><input id="searchInput" type="text"/></label>

  4. Replace the label's wording as desired.  If you want the label to be on the same line as the search box rather than above it, replace <br> with a blank space, or with the code for a blank space, which is: &nbsp;

The ready-made catalog search boxes on this page represent only a few of the options available via the FALSC Widget Creator. If you'd like to use the widget creator to make your own search boxes, go for it!  However, you'll need to insert some additional code to make each search box web accessible, and to ensure proper functionality.

Note that when adding code of this nature to a LibGuide, Springshare recommends using the Media/Widget content item rather than the Rich Text/HTML content item.

LibGuide drop-down menu for adding a media widget

Labels:

For keyword search boxes, you'll need to add a label, such as "Search for," as shown below.

If you've chosen to include a search index and/or campus dropdown menu, each dropdown menu will also need a label.

Note that the labels don't have to be "Search for," "in," or "at."  You can use any meaningful wording.

Search box with labels

To add labels to keyword search boxes:

  1. Use the FALSC Widget Creator to generate the desired code.
     
  2. Copy and paste the code into the Embed Code field of a LibGuide Media/Widget content item.
     
  3. Scroll down and find the part of the code that looks like this:


    <!-- REQUIRED INPUT with id="searchInput" -->

    <input id="searchInput" type="text"/>

  4. Insert the highlighted text as shown below.  Remember that the label does not have to say “Search for.”  You can use any meaningful wording.


    <!-- REQUIRED INPUT with id="searchInput" -->

    <label>Search for:<br><input id="searchInput" type="text"/></label>

  5. If you want the label on the same line as the search box rather than above it, replace <br> with a blank space, or with the code for a blank space, which is: &nbsp;
     
  6. For the search index dropdown menu: Add the highlighted code as shown below.


    <label>in&nbsp;<select title="index" id="catsearchkeyword" name="keyword" class="catalogSearchBarFormElement2">
    <option value="kw" selected>Anywhere</option><option value="ti">Title</option><option value="jt">Journal Title</option><option value="au">Author</option><option value="su">Subject Heading</option><option value="si">Series</option><option value="nu">ISBN, ISSN, OCLC, etc.</option><option value="cn">Call Number</option></select></label>
     

  7. For the campus dropdown menu: Add the highlighted code as shown below.


    <label>at&nbsp;
    <select name="avli" id="catsearchcampus" class="catalogSearchBarFormElement2"><option value="" SELECTED>Miami Dade College</option>
    <option value="MDCEE* OR MDCEB* OR COCEB*" >Entrepreneurial&nbsp;Campus</option>
    <option value="MDCHI* OR MDCEB* OR COCEB*" >Hialeah&nbsp;Campus</option>
    <option value="MDCHO* OR MDCEB* OR COCEB*" >Homestead&nbsp;Campus</option>
    <option value="MDCIN* OR MDCEB* OR COCEB*" >Padron&nbsp;Campus</option>
    <option value="MDCKE* OR MDCEB* OR COCEB*" >Kendall&nbsp;Campus</option>
    <option value="MDCME* OR MDCEB* OR COCEB*" >Medical&nbsp;Center</option>
    <option value="MDCNO* OR MDCEB* OR COCEB*" >North&nbsp;Campus</option>
    <option value="MDCPR* OR MDCEB* OR COCEB*" >Preschool&nbsp;Center</option>
    <option value="MDCWE* OR MDCEB* OR COCEB*" >West&nbsp;Campus</option>
    <option value="MDCWO* OR MDCEB* OR COCEB*" >Wolfson&nbsp;Campus</option>
    </select></label>

Form Identifiers:

It has been observed that FALSC search boxes can sometimes interfere with each other, resulting in strange search results. To avoid this, each search box should be assigned a unique identifier.

  1. Find the part of the code that looks like the code shown below. Note that instead of "searchForm1," you might see "searchForm3" or some other variation.


    }
    </script>
    <form action="?" id="searchForm1" onsubmit="return searchMangoKeyword('searchForm1')">

    <!-- REQUIRED INPUT with id="searchInput" -->
     

  2. Replace the highlighted text with anything you wish, as long as it's something unlikely to be used in any other search box. Be sure to insert the same identifier in both highlighted areas, as shown below.


    }
    </script>
    <form action="?" id="fluffybunny421" onsubmit="return searchMangoKeyword('fluffybunny421')">

    <!-- REQUIRED INPUT with id="searchInput" -->

Who says the search button has to say "Search?"  You can change it to "Go," or whatever you prefer.

You can also pre-populate the box with specific search terms.  Contact Jenny for assistance.
 

 

 

Search MDC Library Collections

Find books, articles, videos, & more.

Find books and ebooks.

Find magazine, newspaper, and scholarly journal articles.

Find streaming videos and DVDs.

Find materials your professors have placed on reserve in the library.

Search the Library Catalog

Search the Library Catalog by Campus

Find eBooks

Find Books & eBooks

Find Books & eBooks by Campus

Find Videos

Find Videos by Campus

Credits

This page was created and is maintained by Jenny Saxton,
with technical advice provided by Angel Hernandez.

Questions and comments are welcome.