DevExpress でのラジオボタンリスト(ASPxRadioButtonList)のフォーカス時スタイル設定のサンプルです。
現状の画面デザインはこのようになっています。
<ラジオボタンリストのフォーカス時スタイル設定>
・「ASPxRadioButtonList」の「FocusedStyle」に対して「ForeColor=”Blue”」の設定をします。
【サンプルプログラム】
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<div> <dx:ASPxRadioButtonList ID="ASPxRadioButtonList1" runat="server" ValueType="System.Int16" EnableTheming="True" Font-Bold="True" Font-Size="X-Large" Height="150px" ItemSpacing="20px" RepeatColumns="3" RepeatDirection="Horizontal" SelectedIndex="4" TextSpacing="20px" Theme="RedWine" Width="400px" Caption="対象地方" EncodeHtml="False"> <Items> <dx:ListEditItem Text="北海道" Value="0" /> <dx:ListEditItem Text="東北" Value="1" /> <dx:ListEditItem Text="関東" Value="2" /> <dx:ListEditItem Text="中部" Value="3" /> <dx:ListEditItem Text="近畿" Value="4" Selected="True" /> <dx:ListEditItem Text="中国" Value="5" /> <dx:ListEditItem Text="四国" Value="6" /> <dx:ListEditItem Text="九州" Value="7" /> <dx:ListEditItem Text="沖縄" Value="8" /> </Items> <CaptionSettings ShowColon="False" VerticalAlign="Middle" RequiredMark="<span style='color:red'>!!</span>" RequiredMarkDisplayMode="Required" OptionalMark="<span style='color:blue'>(任意)</span>" /> <FocusedStyle ForeColor="Blue"> </FocusedStyle> <CaptionStyle ForeColor="#BC768E"> </CaptionStyle> <Border BorderStyle="Dotted" BorderWidth="10px" /> </dx:ASPxRadioButtonList> </div> |
それでは、実行して動作確認を行います。
↓
・「中部」を選択してフォーカスを当てます。
無事にラジオボタンリストのフォーカス時スタイル設定が出来ました。