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

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

20240417_15

<リボンのトグルボタンのサブグループ設定>

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

20240419_01

20240419_02

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

20240419_03

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」の「RibbonToggleButtonItem」に対して「SubGroupName=”sub_01_01″」を設定します。

20240419_04

同じように、「トグルボタン_01_01_02」に対しては「SubGroupName=”sub_01_02″」を設定します。

20240419_05

同じように、「トグルボタン_01_01_03」に対しても「SubGroupName=”sub_01_02″」を設定します。

20240419_06

【サンプルプログラム】

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

20240417_15

20240419_07

「トグルボタン_01_01_01」、「トグルボタン_01_01_03」、「トグルボタン_01_01_05」を選択すると、選択状態は文字サイズ分になります。

20240419_08

無事、リボン(ASPxRibbon)のトグルボタン(RibbonToggleButtonItem)のサブグループ設定が出来ました。