DevExpress での読み込み中パネルのアイコンサイズ設定

DevExpress での読み込み中パネル（ASPxLoadingPanel）のアイコンサイズ設定のサンプルです。

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

＜読み込み中パネルのアイコンサイズ設定＞

・「ASPxLoadingPanel」の「Image」に対して「Height=”100px”」、「Width=”100px”」の設定を行います。

【サンプルプログラム】

<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="処理中・・・">
            <Image Height="100px" Width="100px">
            </Image>
            <LoadingDivStyle BackColor="#999999">
            </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="処理中・・・">

</Image>

</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）のアイコンサイズ設定が一応出来ました。

MENU

最近の投稿

人気記事

MENU

DevExpress での読み込み中パネルのアイコンサイズ設定

関連記事はこちら:

最近の投稿

人気記事