DevExpress での読み込み中パネル(ASPxLoadingPanel)のアイコンサイズ設定のサンプルです。
現状の画面デザインはこのようになっています。
<読み込み中パネルのアイコンサイズ設定>
・「ASPxLoadingPanel」の「Image」に対して「Height=”100px”」、「Width=”100px”」の設定を行います。
【サンプルプログラム】
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<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> |
【サンプルプログラム(VB.NET)】
1 2 3 |
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)のアイコンサイズ設定が一応出来ました。