I've created a panel that has two labels and a button. I want to display it as a modal and have the button close the modal when clicked. When I use the code below it does not display the panel. Are there any examples on how to do this? Or plugins that will make this easier to do?
Thanks Tom Code: $("#CheckState").click(function() { $("#LargeBusinessPanel").dialog( { modal: true, resizable: false, draggable: false, //title: Label109, overlay: { opacity: 0.5, background: "black" }, buttons: { "Close": function() { $(this).dialog("close"); } } }); }); <asp:Panel ID="LargeBusinessPanel" title="Large Business Concern" runat="server" class="flora" Height="134px" Width="396px" > <asp:Label ID="Label109" runat="server" BackColor="LightSkyBlue" Font-Bold="True" Font-Size="Medium" Text="Large Business Concern" Width="400px"></asp:Label><br /> <asp:Label ID="Label110" runat="server" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" Font-Bold="False" Font-Size="Medium" Text="A major corporation with more than 500 employees, exceeds the Small Business size standards established by the SBA as set forth in the code of Federal Regulations and does not qualify as a Small Business Concern as noted. " Width="398px"></asp:Label><br /> <asp:Button ID="LrgBtnClosePanelBtn" class="contact- cancel contact-button modalClose" runat="server" Text="Close" /></ asp:Panel>