DevExpress でのチェックボックスの枠線設定

DevExpress でのチェックボックス（ASPxCheckBox）の枠線設定のサンプルです。

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

＜チェックボックスの枠線設定＞

・全「ASPxCheckBox」の「Border」に対して「BorderColor=”#3399FF”」、「BorderWidth=”5px”」の設定を行います。

【サンプルプログラム】

<div>
    <dx:ASPxCheckBox ID="ASPxCheckBox1" runat="server" Text="兵庫県" Theme="RedWine" 
        Checked="True" CheckState="Checked" Font-Size="X-Large" ForeColor="#CC3399">
        <Border BorderColor="#3399FF" BorderWidth="5px" />
    </dx:ASPxCheckBox>
    <dx:ASPxCheckBox ID="ASPxCheckBox2" runat="server" Text="京都府" Theme="RedWine" 
        Checked="True" CheckState="Checked" Font-Size="X-Large" ForeColor="#CC3399">
        <Border BorderColor="#3399FF" BorderWidth="5px" />
    </dx:ASPxCheckBox>
    <dx:ASPxCheckBox ID="ASPxCheckBox3" runat="server" Text="大阪府" Theme="RedWine" 
        Checked="True" CheckState="Checked" Font-Size="X-Large" ForeColor="#CC3399">
        <Border BorderColor="#3399FF" BorderWidth="5px" />
    </dx:ASPxCheckBox>
</div>

<div>

<dx:ASPxCheckBox ID="ASPxCheckBox1" runat="server" Text="兵庫県" Theme="RedWine"

Checked="True" CheckState="Checked" Font-Size="X-Large" ForeColor="#CC3399">

</dx:ASPxCheckBox>

<dx:ASPxCheckBox ID="ASPxCheckBox2" runat="server" Text="京都府" Theme="RedWine"

Checked="True" CheckState="Checked" Font-Size="X-Large" ForeColor="#CC3399">

</dx:ASPxCheckBox>

<dx:ASPxCheckBox ID="ASPxCheckBox3" runat="server" Text="大阪府" Theme="RedWine"

Checked="True" CheckState="Checked" Font-Size="X-Large" ForeColor="#CC3399">

</dx:ASPxCheckBox>

</div>

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

↓

無事にチェックボックスの枠線設定が出来ました。

関連記事はこちら:

DevExpress の ASPxCheckBox、ASPxCheckBoxList とは「ASPxCheckBox」はチェックボックスで複数項目を選択することが可能です。正直「Microsoft Visual Studio」で提供されているチェックボックスと同じです。また設定手順は、過去ブログの「De ......
DevExpress でのチェックボックスの背景色設定 DevExpress でのチェックボックス（ASPxCheckBox）の背景色設定のサンプルです。現状の画面デザインはこのようになっています。＜チェックボックスの背景色設定＞・全「ASPxCheckBox」に対して ......
DevExpress でのチェックボックスの枠線タイプ設定 DevExpress でのチェックボックス（ASPxCheckBox）の枠線タイプ設定のサンプルです。現状の画面デザインはこのようになっています。＜チェックボックスの枠線タイプ設定＞・全「ASPxCheckBox」 ......
DevExpress でのチェックボックスとテキストの隙間設定 DevExpress でのチェックボックス（ASPxCheckBox）とテキストの隙間設定のサンプルです。現状の画面デザインはこのようになっています。＜チェックボックスとテキストの隙間設定＞・全「ASPxCheck ......
DevExpress でのチェックボックスのサイズ設定 DevExpress でのチェックボックス（ASPxCheckBox）のサイズ設定のサンプルです。現状の画面デザインはこのようになっています。＜チェックボックスのサイズ設定＞・全「ASPxCheckBox」に対して ......
DevExpress でのチェックボックスの枠線カスタマイズ設定 DevExpress でのチェックボックス（ASPxCheckBox）の枠線カスタマイズ設定のサンプルです。現状の画面デザインはこのようになっています。それぞれの項目の枠線表示の為に「京都府」の上下線が2重表示のよう ......
DevExpress でのチェックボックスの文字色設定 DevExpress でのチェックボックス（ASPxCheckBox）の文字色設定のサンプルです。現状の画面デザインはこのようになっています。＜チェックボックスの文字色設定＞・全「ASPxCheckBox」に対して ......
DevExpress でのチェックボックスの初期選択設定 DevExpress でのチェックボックス（ASPxCheckBox）の初期選択設定のサンプルです。現状の画面デザインはこのようになっています。＜チェックボックスの初期選択設定＞・全「ASPxCheckBox」に対 ......
DevExpress の ASPxCheckBox でのデザイン（テーマ一覧） DevExpress の ASPxCheckBox でのデザイン（テーマ一覧）のサンプルです。各オブジェクトのテーマ設定は見てみないと違いが分かりません。今回はチェックボックスのテーマ一覧を作成しました。＜デザイン ......
DevExpress でのチェックボックスのアイコン設定 DevExpress でのチェックボックス（ASPxCheckBox）のアイコン設定のサンプルです。現状の画面デザインはこのようになっています。＜チェックボックスのアイコン設定＞・チェックON、チェックOFFのアイ ......

投稿タグ: ASPxCheckBox

MENU

最近の投稿

人気記事