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>

Reply via email to