DevExpress の ASPxPopupControl でのデザイン（テーマ一覧）

DevExpress の ASPxPopupControl でのデザイン（テーマ一覧）のサンプルです。

各オブジェクトのテーマ設定は見てみないと違いが分かりません。
今回はポップアップのテーマ一覧を作成しました。

ポップアップのテーマ部分は、画面の側です。
中身の各オブジェクトは別テーマ設定を行っています。

＜デザイン（テーマ一覧）＞

「Theme=”RedWine”」の部分でテーマ設定を行います。
テーマの設定手順は、
過去ブログの「DevExpress のテーマ設定（デザイン）」を参照して下さい。

【生成PG】

<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <dx:ASPxButton ID="ASPxButton1" runat="server" Text="ポップアップ表示" 
            EnableTheming="True" Theme="RedWine">
            <ClientSideEvents Click="function(s, e) {
                dlgPop.Show();
            }" />
        </dx:ASPxButton>
    </div>
    <div>
        <dx:ASPxPopupControl ID="ASPxPopupControl1" runat="server" 
            ClientInstanceName="dlgPop" Theme="RedWine" Width="320px">
            <ContentCollection>
                <dx:PopupControlContentControl runat="server">
                <table>
                    <tr>
                        <td>
                            <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="ユーザ名" Font-Bold="True" 
                                Font-Size="Medium" Theme="RedWine">
                            </dx:ASPxLabel>
                        </td>
                        <td>
                            <dx:ASPxTextBox ID="ASPxTextBox1" runat="server" Width="170px" Theme="RedWine">
                            </dx:ASPxTextBox>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dx:ASPxLabel ID="ASPxLabel2" runat="server" Text="パスワード" Font-Bold="True" 
                                Font-Size="Medium" Theme="RedWine">
                            </dx:ASPxLabel>
                        </td>
                        <td>
                            <dx:ASPxTextBox ID="ASPxTextBox2" runat="server" Width="170px" Password="True" 
                                Theme="RedWine">
                            </dx:ASPxTextBox>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <dx:ASPxButton ID="ASPxButton2" runat="server" Text="OK" Theme="RedWine" 
                                Width="100px">
                            </dx:ASPxButton>
                        </td>
                        <td>
                            <dx:ASPxButton ID="ASPxButton3" runat="server" Text="CANCEL" Theme="RedWine" 
                                Width="100px">
                            </dx:ASPxButton>
                        </td>
                    </tr>
                </table>
                </dx:PopupControlContentControl>
            </ContentCollection>
        </dx:ASPxPopupControl>
    </div>
    </form>
</body>