DevExpress での読み込み中パネル外の背景色透明度設定

DevExpress での読み込み中パネル外（ASPxLoadingPanel）の背景色透明度設定のサンプルです。

現状の画面デザインはこのようになっています。

＜読み込み中パネル外の背景色透明度設定＞

・「ASPxLoadingPanel」の「LoadingDivStyle」に対して「Opacity=”25″」の設定を行います。
※透明度の範囲は「-1〜100」

【サンプルプログラム】

<head runat="server">
    <script type="text/javascript">
        window.onload = function () {
            Callback.PerformCallback();
            LoadingPanel.Show();
        }
    </script>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <dx:ASPxLoadingPanel ID="ASPxLoadingPanel1" runat="server" 
            ClientInstanceName="LoadingPanel" Theme="RedWine" BackColor="#FFCCCC" 
            Font-Bold="True" Font-Italic="True" Font-Size="Large" ForeColor="Blue" 
            Height="200px" Modal="True" Width="300px" EnableTheming="True" 
            Text="処理中・・・">
            <LoadingDivStyle BackColor="#999999" Opacity="25">
            </LoadingDivStyle>
            <Border BorderColor="#FF3399" BorderStyle="Double" BorderWidth="10px" />
        </dx:ASPxLoadingPanel>
        <dx:ASPxCallback ID="ASPxCallback1" runat="server" 
            ClientInstanceName="Callback">
            <ClientSideEvents CallbackComplete="function(s, e) {
                LoadingPanel.Hide();
            }" />
        </dx:ASPxCallback>
    </div>
    </form>
</body>

window.onload = function () {

Callback.PerformCallback();

LoadingPanel.Show();

}

</script>

</head>

<body>

<div>

<dx:ASPxLoadingPanel ID="ASPxLoadingPanel1" runat="server"

ClientInstanceName="LoadingPanel" Theme="RedWine" BackColor="#FFCCCC"

Font-Bold="True" Font-Italic="True" Font-Size="Large" ForeColor="Blue"

Height="200px" Modal="True" Width="300px" EnableTheming="True"

Text="処理中・・・">

</LoadingDivStyle>

</dx:ASPxLoadingPanel>

<dx:ASPxCallback ID="ASPxCallback1" runat="server"

ClientInstanceName="Callback">

<ClientSideEvents CallbackComplete="function(s, e) {

LoadingPanel.Hide();

}" />

</dx:ASPxCallback>

</div>

</form>

</body>

【サンプルプログラム（VB.NET）】

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    Threading.Thread.Sleep(5000)
End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Threading.Thread.Sleep(5000)

End Sub

※処理中にするために「Page_Load」で「5秒」待機する設定

それでは、実行して動作確認を行います。

↓

無事に読み込み中パネル外（ASPxLoadingPanel）の背景色透明度設定が出来ました。

＜透明度「-1」＞

＜透明度「25」＞

＜透明度「50」＞

＜透明度「75」＞

＜透明度「100」＞

MENU

最近の投稿

人気記事

MENU

DevExpress での読み込み中パネル外の背景色透明度設定

関連記事はこちら:

最近の投稿

人気記事