DevExpress でのラジオボタンの枠線タイプ設定

DevExpress でのラジオボタン（ASPxRadioButton）の枠線タイプ設定のサンプルです。

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

＜ラジオボタンの枠線タイプ設定＞

・全「ASPxRadioButton」の「Border」に対して「BorderStyle=”Dashed”」を設定します。
※「ASPxRadioButton（京都府）」は「BorderLeft」、「BorderRight」に対して「BorderStyle=”Dashed”」を設定

【サンプルプログラム】

<div>
    <dx:ASPxRadioButton ID="ASPxRadioButton1" runat="server" Text="兵庫県" 
        Theme="RedWine" Checked="True" Font-Bold="True" Font-Size="X-Large" 
        ForeColor="#3333CC" GroupName="GRP" Height="75px" Width="200px" 
        TextSpacing="30px">
        <Border BorderColor="#FF66FF" BorderWidth="5px" BorderStyle="Dashed" />
    </dx:ASPxRadioButton>
    <dx:ASPxRadioButton ID="ASPxRadioButton2" runat="server" Text="京都府" 
        Theme="RedWine" Font-Bold="True" Font-Size="X-Large" ForeColor="#3333CC" 
        GroupName="GRP" Height="75px" Width="200px" TextSpacing="30px">
        <BorderLeft BorderColor="#FF66FF" BorderStyle="Dashed" BorderWidth="5px" />
        <BorderRight BorderColor="#FF66FF" BorderStyle="Dashed" BorderWidth="5px" />
    </dx:ASPxRadioButton>
    <dx:ASPxRadioButton ID="ASPxRadioButton3" runat="server" Text="大阪府" 
        Theme="RedWine" Font-Bold="True" Font-Size="X-Large" ForeColor="#3333CC" 
        GroupName="GRP" Height="75px" Width="200px" TextSpacing="30px">
        <Border BorderColor="#FF66FF" BorderWidth="5px" BorderStyle="Dashed" />
    </dx:ASPxRadioButton>
</div>

<div>

<dx:ASPxRadioButton ID="ASPxRadioButton1" runat="server" Text="兵庫県"

Theme="RedWine" Checked="True" Font-Bold="True" Font-Size="X-Large"

ForeColor="#3333CC" GroupName="GRP" Height="75px" Width="200px"

TextSpacing="30px">

</dx:ASPxRadioButton>

<dx:ASPxRadioButton ID="ASPxRadioButton2" runat="server" Text="京都府"

Theme="RedWine" Font-Bold="True" Font-Size="X-Large" ForeColor="#3333CC"

GroupName="GRP" Height="75px" Width="200px" TextSpacing="30px">

</dx:ASPxRadioButton>

<dx:ASPxRadioButton ID="ASPxRadioButton3" runat="server" Text="大阪府"

Theme="RedWine" Font-Bold="True" Font-Size="X-Large" ForeColor="#3333CC"

GroupName="GRP" Height="75px" Width="200px" TextSpacing="30px">

</dx:ASPxRadioButton>

</div>

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

↓

無事にラジオボタンの枠線タイプ設定が出来ました。

関連記事はこちら:

DevExpress の ASPxRadioButton、ASPxRadioButtonList とは「ASPxRadioButton」はラジオボタンで複数の項目から一つ選択が可能です。正直「Microsoft Visual Studio」で提供されているラジオボタンと同じです。作成手順は、下記の流れです。・項目数 ......
DevExpress でのラジオボタンの名称位置設定 DevExpress でのラジオボタン（ASPxRadioButton）の名称位置設定のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタンの名称位置設定＞・全「ASPxRadioButton」 ......
DevExpress でのラジオボタンのチェック位置設定 DevExpress でのラジオボタン（ASPxRadioButton）のチェック位置設定のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタンのチェック位置設定＞・全「ASPxRadioBut ......
DevExpress でのラジオボタンのサイズ設定 DevExpress でのラジオボタン（ASPxRadioButton）のサイズ設定のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタンのサイズ設定＞・全「ASPxRadioButton」に対 ......
DevExpress でのラジオボタンの枠線設定 DevExpress でのラジオボタン（ASPxRadioButton）の枠線設定のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタンの枠線設定＞・全「ASPxRadioButton」の「Bo ......
DevExpress でのラジオボタンの文字色設定 DevExpress でのラジオボタン（ASPxRadioButton）の文字色設定のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタンの文字色設定＞・全「ASPxRadioButton」に対 ......
DevExpress でのラジオボタンのフォント設定 DevExpress でのラジオボタン（ASPxRadioButton）のフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタンのフォント設定＞・全「ASPxRadioButton」 ......
DevExpress でのラジオボタンの初期選択設定 DevExpress でのラジオボタン（ASPxRadioButton）の初期選択設定のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタンの初期選択設定＞・「ASPxRadioButton」に ......
DevExpress でのラジオボタンの同期（グループ）設定 DevExpress でのラジオボタン（ASPxRadioButton）の同期（グループ）設定のサンプルです。現状の画面デザインはこのようになっています。同期設定を行っていないために全項目に対してチェック「ON」出来 ......
DevExpress でのラジオボタンと名称の隙間設定 DevExpress でのラジオボタン（ASPxRadioButton）と名称の隙間設定のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタンと名称の隙間設定＞・全「ASPxRadioButto ......

投稿タグ: ASPxRadioButton

MENU

最近の投稿

人気記事