To add the NEOS Catalogue search form to your website add the code below. You can modify any of the the styling <style> information.

If you would like the widget to lead to a branded version of the NEOS catalogue you will need to add your library code in the “lib” input tag <input type=”hidden” name=”lib” value=”neos”>. Replace “neos” with your library code – for example <input type=”hidden” name=”lib” value=”gov”> would connect to the NEOS Catalogue with Government of Alberta branding. See below the code for a list of library codes.

<style>
 label{display: none;}
 .search-btn{color: #fff; background-color: #337ab7; border-color: #2e6da4; height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-bottom-right-radius: 6px; border-top-right-radius: 6px; z-index: 2; margin-left: -1px;}
 .home-search .twitter-typeahead input.tt-input.form-control {height: 48px; font-size: 18px; float:left;}
 .form-control {display: block; width: 300px; height: 46px; font-size: 18px; padding: 6px 12px; line-height: 1.428571429; color: #555555; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; float:left; z-index: 200; margin-left: -2px;}
 .search-options{padding: 9px; float: left; background-color: #efefef; border: 1px solid #ccc;}
 .search_field {padding: 10px 16px; font-size: 18px; border-radius: 6px; }
 </style>
 <form class="search-query-form" role="search" action="https://catalogue.neoslibraries.ca/" accept-charset="UTF-8" method="get">
 <input name="utf8" type="hidden" value="✓">
 <input type="hidden" name="lib" value="neos">
 <span class="search-options">
 <label for="search_field" class="sr-only">Search in</label>
 <select name="search_field" id="search_field" title="Targeted search options" class="search_field">
 <option value="all_fields">All Fields</option>
 <option value="title">Title</option>
 <option value="author">Author</option>
 <option value="subject">Subject</option>
 </select>
 </span>
 <label for="q" class="sr-only">search for</label>
 <input type="text" name="q" id="q" placeholder="Search..." class="search_q q form-control tt-input" autofocus="autofocus" data-autocomplete-enabled="true" data-autocomplete-path="/suggest" autocomplete="off" spellcheck="false" dir="auto">
 <button type="submit" class="search-btn" id="search">
 <span class="submit-search-text">Search</span>
 </button>
 </form>

Library Codes:

Alberta Government: gov
Alberta Health Services: abhealth
Alberta Innovates – Technology Futures: innovates
Burman University: burmanuniversity
Concordia University of Edmonton: concordia
Covenant Health: covenant
Grande Prairie Regional College: gp
Keyano College: keyano
King’s University College: kings
Lakeland College: lakeland
MacEwan University: macewanuniversity
Newman Theological College: newman
NorQuest College: norquest
Northern Lakes College: nlc
Olds College: olds
Red Deer College: reddeer
University of Alberta: universityofalberta
Vanguard College: vanguard