Skip to main content

Best Practices

Search

Get started with a quick search of the catalog and multiple databases.

 

Search for magazine, newspaper, and scholarly journal articles.

 

Search for print books.

 

Search for electronic books.

 

Search streaming videos and DVDs.

 

Loading

Catalog Search Code

When choosing a box for this widget, selected the Tabbed Type option.  Below is the HTML for each Tab name.

<i class="fa fa-search" aria-hidden="true"></i> QuickSearch

<i class="fa fa-newspaper-o" aria-hidden="true"></i> Articles
<i class="fa fa-book" aria-hidden="true"></i> Books
<i class="fa fa-mobile" aria-hidden="true"></i> E-books
<i class="fa fa-film" aria-hidden="true"></i> Video

HTML

/**QuickSearch Search Box**/

<h5><span style="font-size:14px;">Get started with a quick search of the catalog and multiple databases.</span></h5>

<div>
<form action="http://www.linccweb.org/Discover" method="get">
<p><span style="font-size:14px;"><input name="lib_code" type="hidden" value="FLCC0600" /></span></p>
<label for="form-control blueinput" style="display:none;">Search for books, e-books, and articles</label>

<div class="input-group">
<input aria-label="Search for books, e-books, and articles" class="form-control blueinput" name="query" placeholder="Search for books, e-books, and articles" type="text" /> <span class="input-group-btn"><button class="btn btn-default" type="submit"><i class="fa fa-search"><span style="display:none;">Search</span></i></button> </span></div>
<!-- /input-group --></form>
</div>

<p>&nbsp;</p>

/**Articles Search Box**/

<h5><span style="font-size:14px;">Search for&nbsp;magazine, newspaper, and <span style="font-size: 14px;">scholarly journal</span>&nbsp;articles.</span></h5>

<div>
<form action="http://www.linccweb.org/Discover" method="get">
<p><input name="lib_code" type="hidden" value="FLCC0600" /></p>

<input name="format" type="hidden" value="articles" /> 
<div class="input-group">
<input aria-label="Search for full text articles" class="form-control blueinput" name="query" placeholder="Search for full text articles" type="text" /> 
<span class="input-group-btn"><button class="btn btn-default" type="submit"><i class="fa fa-search"><span style="display:none;">Search</span></i></button> </span></form>
<!-- /input-group --></div>
</div>

<p>&nbsp;</p>

/**Books Search Value**/

<input name="format" type="hidden" value="BK" /> 

/**E-Books Search Value**/

<input name="format" type="hidden" value="EB" /> 

/**Video Search Value**/

<input name="format" type="hidden" value="VR" /> 

CSS

/**Formats height**/

#s-lg-embedded-search-widget-1442412632014 .s-lg-form-control {height: 34px !important;}

/**Adds padding**/

#search_lg_widget {padding: 6px;}

#search-cat {padding: 10% 0;}

/**Removed border and gray background to tabbed widget**/

.ui-widget-header {border: none; background: none;}

/*Styling for catalog search button icon*/

.ui-widget-content .input-group-btn .btn {font-size: 14px; background-color: #0070c2; color: #fff;}