<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="demoingJQuery._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="mainForm" runat="server">
<script src="src/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="src/jquery-ui-1.8.13.custom.min.js" type="text/javascript"></script>
<script src="src/ui.dropdownchecklist.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="src/ui.dropdownchecklist.standalone.css" />
<link rel="stylesheet" type="text/css" href="doc/smoothness-1.8.13/jquery-ui-1.8.13.custom.css" />
<script>
$(document).ready(function(){
$("#s1").dropdownchecklist();
});
</script>
<select id="s1" multiple="true" runat="server">
<option>This is the longest option by far......... ......</option>
<option>This is not.</option>
<option>Nor is this.</option>
<option>Nope.</option>
<option>Not me.</option>
</select>
</form>
</body>
</html>
The following is the master and content pages which dont render the dropdown checklist, like the stand alone page does.
--------------------
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="demoingJQuery.Site" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>
----------------
<%@ Page Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="TestContent.aspx.cs" Inherits="demoingJQuery.TestContent" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<script src="src/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="src/jquery-ui-1.8.13.custom.min.js" type="text/javascript"></script>
<script src="src/ui.dropdownchecklist.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="src/ui.dropdownchecklist.standalone.css" />
<link rel="stylesheet" type="text/css" href="doc/smoothness-1.8.13/jquery-ui-1.8.13.custom.css" />
<script>
$(document).ready(function(){
$("#s1").dropdownchecklist();
});
</script>
<select id="s1" multiple="true" runat="server">
<option>This is the longest option by far......... ......</option>
<option>This is not.</option>
<option>Nor is this.</option>
<option>Nope.</option>
<option>Not me.</option>
</select>
</asp:Content>
