Skip to main content
ExLibris
  • Subscribe by RSS
  • Ex Libris Knowledge Center

    360 Search: Administration Console -- Custom Search Boxes -- View Search Box

    • Product: 360 Search

    How do I view a Custom Search Box I've created using the 360 Search Administration Console?


    This page is part of a larger set of documentation about using the Administration Console to configure your 360 Search.

    The View Custom Search Box page in the Administration Console allows you to view the generated HTML for your custom search boxes, preview them for testing purposes, and copy the generated HTML to paste into your library's web site (Note that the HTML View function is view-only; you cannot edit the HTML directly in the HTML View mode).
    To access the View Custom Search Box page, find the search box you wish to view in your list of search boxes on the main Custom Search Boxes page, as shown in this image:
    360 Search Admin Console - Custom Search Boxes - 3 added
    Click HTML View
    HTML View Button
    . This will take you to the View Custom Search Box page for this search box:
    360 Search Admin Console - Custom Search Boxes - View Box
    This page has two functions:
    1. To show you the generated HTML code for your search box. You can copy and paste this code into your library's web site to deploy the search box to your patrons; and
    2. To allow you to preview how the search box will look on your library's web site.

    The HTML Code in Detail
    In the simple example above, the generated HTML code for the search box takes only a few lines. Other custom search boxes will have generated code that may differ depending on the settings you selected in the Add/Edit Custom Search Box page.
    If necessary, you can edit the code, but we recommend that you make any edits in the Add/Edit Custom Search Box page and let the system generate the proper HTML code for you based on your selections.
    Let's take a look at the lines in this code:
    <div class="SSCentralSearchSearchTerm"> -- This creates the division, or section, of web page content in which the search box code is placed.
    <form action="http://[libhash].cs.serialssolutions.com/results" class="SSCentralSearchSearchForm" name="searchForm" method="post" target="new"> -- This starts the search "form" itself, specifying the Serials Solutions server and method for the search operation.
    <input name="SS_LibHash" value="[Libhash]" type="hidden" /> -- This contains your library's "Libhash," which is usually called your Serials Solutions client identifier code, or CLIENTID. This is required to make the search box communicate with your library's instance of 360 Search.
    <input name="locale" value="en-us" type="hidden" /> -- This specifies that the search box will function in English. If you use a different language in the "Locale" portion of the Add/Edit Custom Search Box page, it will be shown here.
    <input name="action" value="start" type="hidden" /> -- This tells the search how to start executing.
    <input name="dbIDList" value="" type="hidden" /> -- This hides the database list for this search box.
    <input class="SSCentralSearchSearchCriteria" value="" name="term" type="text" size="40" maxlength="1000" /> -- This specifies the size of the search term input box.
    <input value="title" name="field" type="hidden" /> -- This designates "title" as the default search type.
    <input name="catID" value="18943" type="hidden" /> -- This specifies categoryID 18943 as the target category. Note that this is an example only. Your target categories will have unique numerical values.
    <input class="SSCentralSearchSearchTermSubmit" type="submit" value="Search" /> -- This generates the Search button.
    </form> -- This closes the search form.
    </div> -- This closes the division in which the search box code is placed.
    Note that the HTML View function is view-only; you cannot edit the HTML directly in the HTML View mode.

    Preview the Search Box
    You can preview each custom search box from the View Custom Search Box page by clicking Preview Search Box in the upper-right corner. In the case of the example above, here is the preview image:
    Simple Custom Search Box
    You can even test the search box from this preview page: Type in a search term and watch the application send the search and begin retrieving results!


    • Date Created: 9-Feb-2014
    • Last Edited Date: 21-Feb-2014
    • Old Article Number: 7416