DevExpress でのリボン(ASPxRibbon)のギャラリーリストアイテム(RibbonGalleryDropDownItem)追加設定のサンプルです。

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

20230529_11

<リボンのギャラリーリストアイテム追加設定>

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

20230531_01

20230531_02

「タブ_01」、「グループ_01_01」を展開し、「ギャラリー_01_01_01」を選択します。

20230531_03

「Add Child(子供追加)」アイコンの「▼」を選択し、「Gallery Group」を選択します。

20230531_04

20230531_05

20230531_06

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonGalleryDropDownItem」、「Groups」の「RibbonGalleryGroup」に対して「Text=”ギャラリー_01_01_01_01″」を設定します。

20230531_07

「Add Child(子供追加)」アイコンの「▼」を選択し、「Gallery Item」を選択します。

20230531_08

20230531_09

20230531_10

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonGalleryDropDownItem」、「Groups」、「RibbonGalleryGroup」、「Items」の「RibbonGalleryItem」に対して「Text=”ギャラリー_01_01_01_01_01″」を設定します。

20230531_11

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonGalleryDropDownItem」、「Groups」、「RibbonGalleryGroup」、「Items」の「RibbonGalleryItem」に対して「Value=”01″」を設定します。

20230531_12

「Add(追加)」アイコンの「▼」を選択し、「Gallery Item」を選択します。

20230531_13

20230531_14

同じように、「RibbonGalleryItem」に対して「Text=”ギャラリー_01_01_01_01_02″」、「Value=”02″」を設定します。

20230531_15

同じように、2アイテムを追加します。

20230531_16

【サンプルプログラム】

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

20230529_11

20230531_17

「ギャラリー_01_01_01_01_04」を選択します。

20230531_18

無事、リボン(ASPxRibbon)のギャラリーリストアイテム(RibbonGalleryDropDownItem)追加設定が出来ました。