I am trying to create a gadget in Finesse that allows the agent to start typing the name of a school district in an input form and then take the result they select and put it in a Call Variable. I am able to run the html version in IE and it renders (although the formatting is not right - could be due to the other code in there to make it compatible with Finesse). When it is run in Finesse, the input box is missing completely. I do not see any errors in dev tools. I am not even sure how or where to begin troubleshooting this. Thank you in advance for any help/direction!
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="School System">
<Require feature="pubsub-2" />
<Require feature="loadingindicator">
<Param name="manual-dismiss">false</Param>
<Param name="loading-timeout">10</Param>
</Require>
</ModulePrefs>
<UserPref name="scheme" display_name="scheme" default_value=""/>
<UserPref name="host" display_name="host" default_value=""/>
<UserPref name="hostPort" display_name="hostPort" default_value=""/>
<Content type="html">
<![CDATA[
<!DOCTYPE html>
<!-- Styling -->
<link rel="stylesheet" href="FLstyle.css" type="text/css" />
<!-- jQuery -->
<script type="text/javascript" src="__UP_scheme__://__UP_host__:__UP_hostPort__/desktop/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="jquery.autocomplete.min.js"></script>
<script type="text/javascript" src="districts-autocomplete.js"></script>
<script type="text/javascript" src="UpdateCallVariableDataFL.js"></script>
<!-- Finesse Library -->
<script type="text/javascript" src="__UP_scheme__://__UP_host__:__UP_hostPort__/desktop/assets/js/finesse.js"></script>
<body>
<div id="w">
<div id="content">
<h1>Florida School Districts Autocomplete Search</h1>
<p>Start typing and results will autofill.</p>
<div id="searchfield">
<form><input type="text" name="districts" class="biginput" id="autocomplete"></form>
</div><!-- @end #searchfield -->
<div id="outputbox">
<p id="outputcontent">Choose a district and the results will display here.</p>
</div>
</div><!-- @end #content -->
</div><!-- @end #w -->
// initialize the gadget running the init handler defined in UpdateCallVariableDataSampleGadget.js
gadgets.HubSettings.onConnect = function () {
finesse.modules.SampleGadget.init();
};
</body>
]]>
</Content>
</Module>
