Templated Dialog

The Templated Dialog inherits all the functionality of the Dialog Control and adds a template for adding custom markup to the dialog body. The template allows you to quickly create any dialog to suit your needs with the dialog layout and behavior being provided for you.

Sample Screenshoot



Sample Markup

    <cc1:TemplatedDialog ID="Dialog1" runat="server"        
        CssClass="dialog"
        BackgroundCssClass="modalBackground"         
        Title="Templated Dialog Example"        
        TargetControlId="launchDialogButton"         
        ShowTitlebarCloseButton="true"
        ShowCloseButton="false" 
        ShowOkButton="false">
        
        <DialogContent>
            <table>
                <tr>                    
                    <td colspan="2"><asp:Label ID="dialogMessage" runat="server" /></td>
                </tr>
                <tr>
                    <th>Field 1</th>
                    <td><asp:TextBox ID="field1Entry" runat="server" /></td>
                </tr>
                <tr>
                    <th>Field 2</th>
                    <td><asp:TextBox ID="field2Entry" runat="server" /></td>
                </tr>
                <tr> 
                    <td></td>                   
                    <td><asp:Button ID="submitCommand" runat="server" Text="Save" OnClick="submitCommand_Click" /></td>
                </tr>
            </table>
        </DialogContent>
      </cc1:TemplatedDialog>

Last edited Oct 2, 2011 at 1:35 AM by wdavidsen, version 2

Comments

No comments yet.