DevExpress でのリボン(ASPxRibbon)のテキストボックス(RibbonTextBoxItem)の選択時(フォーカス)の枠設定のサンプルです。

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

20240223_07

<リボンのテキストボックス(RibbonTextBoxItem)の選択時(フォーカス)の枠設定>

「ASPxRibbon」のコンテキストメニューから「Designer」を選択します。

20240226_01

20240226_02

「タブ_01」、「グループ_01_01」を展開し、「テキスト_01_01_04」を選択します。

20240226_03

「Text Box Properties」タブを選択します。

20240226_04

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonTextBoxItem」、「PropertiesTextBox」の「FocusedStyle」に対して「Border-BorderStyle=”Dashed”」を設定します。

20240226_05

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonTextBoxItem」、「PropertiesTextBox」の「FocusedStyle」に対して「Border-BorderWidth=”2px”」を設定します。

20240226_06

【サンプルプログラム】

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

20240223_07

20240226_07

無事、リボン(ASPxRibbon)のテキストボックス(RibbonTextBoxItem)の選択時(フォーカス)の枠設定が出来ました。