DevExpress でのスピンエディットのサイズ幅設定

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

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

＜スピンエディットのサイズ幅設定＞

・「ASPxSpinEdit」に対して「Width=”150px”」の設定をします。

・同じように残りの「ASPxSpinEdit」に対してもサイズ幅設定をします。

【サンプルプログラム】

<form id="form1" runat="server">
<div>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit1" runat="server" Number="10" Theme="RedWine" Caption="縦" Font-Size="Large" Height="40px" Width="150px">
    </dx:ASPxSpinEdit>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit2" runat="server" Number="25.34" Theme="RedWine" Caption="横" Font-Size="Large" Height="40px" Width="150px">
    </dx:ASPxSpinEdit>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit3" runat="server" Theme="RedWine" Caption="高さ" Font-Size="Large" Height="40px" Width="150px">
    </dx:ASPxSpinEdit>
</div>
</form>

<div>

<dx:ASPxSpinEdit ID="ASPxSpinEdit1" runat="server" Number="10" Theme="RedWine" Caption="縦" Font-Size="Large" Height="40px" Width="150px">

</dx:ASPxSpinEdit>

<dx:ASPxSpinEdit ID="ASPxSpinEdit2" runat="server" Number="25.34" Theme="RedWine" Caption="横" Font-Size="Large" Height="40px" Width="150px">

</dx:ASPxSpinEdit>

<dx:ASPxSpinEdit ID="ASPxSpinEdit3" runat="server" Theme="RedWine" Caption="高さ" Font-Size="Large" Height="40px" Width="150px">

</dx:ASPxSpinEdit>

</div>

</form>

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

↓

無事にスピンエディット（ASPxSpinEdit）のサイズ幅設定が出来ました。

関連記事はこちら:

DevExpress でのスピンエディットの初期値設定 DevExpress でのスピンエディット（ASPxSpinEdit）の初期値設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットの初期値設定＞・「ASPxSpinEdit」に対して「 ......
DevExpress でのスピンエディットのエラー表示位置設定 DevExpress でのスピンエディット（ASPxSpinEdit）のエラー表示位置設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのエラー表示位置設定＞・「ASPxSpinEd ......
DevExpress でのスピンエディットの読取専用設定 DevExpress でのスピンエディット（ASPxSpinEdit）の読取専用設定（ReadOnly）のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットの読取専用設定（ReadOnly） ......
DevExpress でのスピンエディットのヘルプポップアップのフォント設定 DevExpress でのスピンエディット（ASPxSpinEdit）のヘルプポップアップのフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのヘルプポップアップのフォント設定 ......
DevExpress でのスピンエディットの下限設定 DevExpress でのスピンエディット（ASPxSpinEdit）の下限設定のサンプルです。現状の画面デザインはこのようになっています。 ※最小値は「0」＜スピンエディットの下限設定＞・「ASPxSpinEdi ......
DevExpress でのスピンエディットの0埋め表示設定 DevExpress でのスピンエディット（ASPxSpinEdit）の0埋め表示設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットの0埋め表示設定＞・「ASPxSpinEdit」に ......
DevExpress でのスピンエディットの左右ボタン表示設定 DevExpress でのスピンエディット（ASPxSpinEdit）の左右ボタン表示設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットの左右ボタン表示設定＞・「ASPxSpinEd ......
DevExpress でのスピンエディットの必須マーク日本語設定 DevExpress でのスピンエディット（ASPxSpinEdit）の必須マーク日本語設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットの必須マーク日本語設定＞・「ASPxSpin ......
DevExpress でのスピンエディットのクリアボタン位置設定 DevExpress でのスピンエディット（ASPxSpinEdit）のクリアボタン位置設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのクリアボタン位置設定＞・「ASPxSpin ......
DevExpress でのスピンエディットのエラー間隔設定 DevExpress でのスピンエディット（ASPxSpinEdit）のエラー間隔設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのエラー間隔設定＞・「ASPxSpinEdit」の ......

投稿タグ: ASPxSpinEdit

MENU

最近の投稿

人気記事