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

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

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

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

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

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

【タイトル位置設定一覧】
・Left（左側）
・Top（上部）
・Right（右側）
・Bottom（下部）
・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 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 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 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）のタイトル位置設定が出来ました。

＜Left（左側）＞

＜Top（上部）＞

＜Right（右側）＞

＜Bottom（下部）＞

＜NotSet（初期値：左側）＞

関連記事はこちら:

DevExpress の ASPxSpinEdit（スピンエディット）とは DevExpress の「ASPxSpinEdit（スピンエディット）」は数字のオブジェクトコントロールです。「Microsoft Visual Studio」の「TextBox」で表現可能ですが、数字に関する制御プロ ......
DevExpress でのスピンエディットのマウスホイールから値変更禁止設定 DevExpress でのスピンエディット（ASPxSpinEdit）のマウスホイールから値変更禁止設定のサンプルです。現状の画面デザインはこのようになっています。 ※マウスホイールをクルクルすると値が変更されます。 ......
DevExpress でのスピンエディットのヘルプ設定 DevExpress でのスピンエディット（ASPxSpinEdit）のヘルプ設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのヘルプ設定＞・「ASPxSpinEdit」に対して「 ......
DevExpress でのスピンエディットの上下加減設定 DevExpress でのスピンエディット（ASPxSpinEdit）の上下加減設定のサンプルです。現状の画面デザインはこのようになっています。 ※上下のボタンは「1」で増減します。＜スピンエディットの上下加減設定＞ ......
DevExpress でのスピンエディットのボタン位置設定 DevExpress でのスピンエディット（ASPxSpinEdit）のボタン位置設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのボタン位置設定＞・「ASPxSpinEdit」の ......
DevExpress でのスピンエディットのエンコード禁止設定 DevExpress でのスピンエディット（ASPxSpinEdit）のエンコード禁止設定のサンプルです。現状の画面デザインはこのようになっています。注意：今回の設定ではデザインが変わりません。＜スピンエディットの ......
DevExpress でのスピンエディットのタイトル位置（横）設定 DevExpress でのスピンエディット（ASPxSpinEdit）のタイトル位置（横）設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのタイトル位置（横）設定＞・「ASPxSp ......
DevExpress でのスピンエディットのサイズ高さ設定 DevExpress でのスピンエディット（ASPxSpinEdit）のサイズ高さ設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのサイズ高さ設定＞・「ASPxSpinEdit」に ......
DevExpress でのスピンエディットのタイトルフォント設定 DevExpress でのスピンエディット（ASPxSpinEdit）のタイトルフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのタイトルフォント設定＞・「ASPxSpin ......
DevExpress でのスピンエディットのタイトル取得（JavaScript） DevExpress でのスピンエディット（ASPxSpinEdit）のタイトル取得（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。「スピンエディット（ASPxSpinEdit）」 ......

投稿タグ: ASPxSpinEdit

MENU

最近の投稿

人気記事