DevExpress でのリボン(ASPxRibbon)のトグルボタン(RibbonToggleButtonItem)のホバー枠線設定のサンプルです。

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

20240520_05

<リボンのトグルボタンのホバー枠線設定>

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

20240522_01

20240522_02

「タブ_01」、「グループ_01_01」を展開し、「トグルボタン_01_01_03」を選択します。

20240522_03

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonToggleButtonItem」、「ItemStyle」の「HoverStyle」に対して「Border-BorderStyle=”Double”」を設定します。

20240522_04

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonToggleButtonItem」、「ItemStyle」の「HoverStyle」に対して「BackColor=”#FFFFCC”」を設定します。

20240522_05

【サンプルプログラム】

それでは、実行してカーソルを対象物に配置します。

20240520_05

20240522_06

無事、リボン(ASPxRibbon)のトグルボタン(RibbonToggleButtonItem)のホバー枠線設定が出来ました。