DevExpress でのリボン(ASPxRibbon)のトグルボタン(RibbonToggleButtonItem)の無効化下部枠線設定のサンプルです。

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

20240603_05

<リボンのトグルボタンの無効化下部枠線設定>

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

20240605_01

20240605_02

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

20240605_03

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonToggleButtonItem」、「ItemStyle」、「DisabledStyle」の「BorderBottom」に対して「BorderStyle=”Dashed”」を設定します。

20240605_04

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonToggleButtonItem」、「ItemStyle」、「DisabledStyle」の「BorderBottom」に対して「BorderColor=”Black”」を設定します。

20240605_05

【サンプルプログラム】

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

20240603_05

20240605_06

無事、リボン(ASPxRibbon)のトグルボタン(RibbonToggleButtonItem)の無効化下部枠線設定が出来ました。