<!-- the full contents of this file are included in the head block of your page -->
<!-- note to work we must start with the js/ directory, then the name of the folder -->


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>

<script src="js/chosen/chosen.jquery.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" media="screen,projection" href="js/chosen/chosen.min.css"/>




<script type="text/javascript">



// How To Use:

// ---------------------------------------------------------------------------------
// 1. Add a Code Block element to your form page AFTER the select item we want 
// to enhance, and copy/paste the following code into the * Raw Block Code * section:
// ---------------------------------------------------------------------------------


/*

// COPY FROM HERE:

<script type="text/javascript">
  var config = {
    '.chosen-select'           : {},
    '.chosen-select-deselect'  : {allow_single_deselect:true},
    '.chosen-select-no-single' : {disable_search_threshold:10},
    '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
    '.chosen-select-width'     : {width:"95%"}
  }
  for (var selector in config) {
    $('#REPLACE_ME').chosen(config[selector]);
  }
< /script>

// TO HERE

// ---------------------------------------------------------------------------------
// 2. Remove the space between / and s after pasting into RackForms
// ---------------------------------------------------------------------------------


// ---------------------------------------------------------------------------------
// 3. Replace the text REPLACE_ME with the ID of your drop down item.
// ---------------------------------------------------------------------------------


*/

</script>