DevExpress でのスピンエディットのタイトル位置（横）設定

DevExpress でのスピンエディット（ASPxSpinEdit）のタイトル位置（横）設定のサンプルです。

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

＜スピンエディットのタイトル位置（横）設定＞

・「ASPxSpinEdit」の「CaptionSettings」に対して「HorizontalAlign=”Center”」の設定をします。

・同じように残りの「ASPxSpinEdit」に対してもタイトル位置（横）設定をします。

【タイトル位置（横）設定一覧】
・Right（右寄せ）
・Left（左寄せ）
・Center（中央寄せ）
・NotSet（初期値：左寄せ）

【サンプルプログラム】

<form id="form1" runat="server">
<div>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit1" runat="server" Number="10" Theme="RedWine" Caption="縦" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="150px">
        <ClearButton DisplayMode="Always" Position="Left">
        </ClearButton>
        <CaptionSettings HorizontalAlign="Center" Position="Top" />
    </dx:ASPxSpinEdit>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit2" runat="server" Number="25.34" Theme="RedWine" Caption="横" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="150px">
        <ClearButton DisplayMode="Always" Position="Left">
        </ClearButton>
        <CaptionSettings HorizontalAlign="Center" Position="Top" />
    </dx:ASPxSpinEdit>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit3" runat="server" Theme="RedWine" Caption="高さ" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="150px">
        <ClearButton DisplayMode="Always" Position="Left">
        </ClearButton>
        <CaptionSettings HorizontalAlign="Center" Position="Top" />
    </dx:ASPxSpinEdit>
</div>
</form>

<div>

<dx:ASPxSpinEdit ID="ASPxSpinEdit1" runat="server" Number="10" Theme="RedWine" Caption="縦" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="150px">

</ClearButton>

</dx:ASPxSpinEdit>

<dx:ASPxSpinEdit ID="ASPxSpinEdit2" runat="server" Number="25.34" Theme="RedWine" Caption="横" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="150px">

</ClearButton>

</dx:ASPxSpinEdit>

<dx:ASPxSpinEdit ID="ASPxSpinEdit3" runat="server" Theme="RedWine" Caption="高さ" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="150px">

</ClearButton>

</dx:ASPxSpinEdit>

</div>

</form>

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

↓

無事にスピンエディット（ASPxSpinEdit）のタイトル位置（横）設定が出来ました。

＜Right（右寄せ）＞

＜Left（左寄せ）＞

＜Center（中央寄せ）＞

＜NotSet（初期値：左寄せ）＞

関連記事はこちら:

DevExpress でのスピンエディットのテーマ設定 DevExpress でのスピンエディット（ASPxSpinEdit）のテーマ設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのテーマ設定＞・「ASPxSpinEdit」に対して「 ......
DevExpress でのスピンエディットのエラーメッセージ設定 DevExpress でのスピンエディット（ASPxSpinEdit）のエラーメッセージ設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのエラーメッセージ設定＞・「ASPxSpin ......
DevExpress でのスピンエディットの無効化設定 DevExpress でのスピンエディット（ASPxSpinEdit）の無効化設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットの無効化設定＞・「ASPxSpinEdit」に対して「 ......
DevExpress でのスピンエディットのヘルプポップアップ位置（横）設定 DevExpress でのスピンエディット（ASPxSpinEdit）のヘルプポップアップ位置（横）設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのヘルプポップアップ位置（横）設定 ......
DevExpress でのスピンエディットの上限設定 DevExpress でのスピンエディット（ASPxSpinEdit）の上限設定のサンプルです。現状の画面デザインはこのようになっています。 ※最大値なし＜スピンエディットの上限設定＞・「ASPxSpinEdit」 ......
DevExpress でのスピンエディットの小数入力桁設定 DevExpress でのスピンエディット（ASPxSpinEdit）の小数入力桁設定のサンプルです。現状の画面デザインはこのようになっています。 ※入力モードは、小数入力桁の制限はありません。（幾らでも入力可能）表 ......
DevExpress でのスピンエディットの表示フォーマット設定（ユーザー定義） DevExpress でのスピンエディット（ASPxSpinEdit）の表示フォーマット設定（ユーザー定義）のサンプルです。現状の画面デザインはこのようになっています。今回は、小数点2桁表示にします。ユーザー定義フ ......
DevExpress でのスピンエディットのタイトルマーク表示設定 DevExpress でのスピンエディット（ASPxSpinEdit）のタイトルマーク表示設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのタイトルマーク表示設定＞・「ASPxSp ......
DevExpress でのスピンエディットの値寄せ設定 DevExpress でのスピンエディット（ASPxSpinEdit）の値寄せ設定のサンプルです。現状の画面デザインはこのようになっています。 ※値が左寄せ表示＜スピンエディットの値寄せ設定＞・「ASPxSpinE ......
DevExpress でのスピンエディットのエラー文字色設定 DevExpress でのスピンエディット（ASPxSpinEdit）のエラー文字色設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのエラー文字色設定＞・「ASPxSpinEdit ......

投稿タグ: ASPxSpinEdit

MENU

最近の投稿

人気記事