DevExpress でのリボン(ASPxRibbon)のボタン(RibbonButtonItem)に対してのサブグループ設定のサンプルです。

現状の画面デザインはこのようになっています。
※縦列のボタンは3個で、隣の列に移動

今回は、サブグループを指定して、サブグループごとにボタンを表示させます。

20211015_01

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

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

20211015_02

20211015_03

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

20211015_04

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」の「RibbonButtonItem」に対して「SubGroupName=”サブグループ_01_01_01″」を設定します。

20211015_05

「ボタン_長い名前_1234567890」には、「SubGroupName=”サブグループ_01_01_02″」を設定します。

20211015_06

「A」には、「SubGroupName=”サブグループ_01_01_02″」を設定します。

20211015_07

「ボタン_01_01_04」には、「SubGroupName=”サブグループ_01_01_03″」を設定します。

20211015_08

【サンプルプログラム】

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

20211015_01

20211015_09

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

ボタン選択時のデザインはこんな感じです。

20211015_10