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

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

【注意（バグ）】
「RedWine」のテーマでは、「DevExpress」のバグでアイコン位置が変わりません。
※アイコン位置の初期値は左側なのに上部に表示されてる。
多分ですが、「DevExpress」のヴァージョンが上がると修正されていると思います。

今回だけ、「iOS」のテーマを使用しています。

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

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

【アイコン位置一覧】
・Left（左側）
・Top（上部）
・Right（右側）
・Bottom（下部）

・「ASPxLoadingPanel」に対して「ImagePosition=”Bottom”」の設定を行います。

【サンプルプログラム】

<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="iOS" BackColor="#FFCCCC" 
            Font-Bold="True" Font-Italic="True" Font-Size="Large" ForeColor="Blue" 
            Height="200px" Modal="True" Width="300px" ImagePosition="Bottom">
            <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="iOS" BackColor="#FFCCCC"

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

Height="200px" Modal="True" Width="300px" ImagePosition="Bottom">

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

＜Left（左側）＞

＜Top（上部）＞

＜Right（右側）＞

＜Bottom（下部）＞

MENU

最近の投稿

人気記事

MENU

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

関連記事はこちら:

最近の投稿

人気記事