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

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

20230426_081

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

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

20230428_011

20230428_021

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

20230428_03

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

20230428_04

20230428_05

20230428_06

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

20230428_07

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

20230428_08

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

20230428_09

20230428_10

同じように「Text」、「Value」に対して設定します。

20230428_11

さらに、アイテム(項目)を2個追加します。

20230428_12

【サンプルプログラム】

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

20230426_08

20230428_13

「▼」を選択すると表示項目が変化します。

20230428_14

「▼」を選択するとギャラリーバーグループを表示します。

20230428_15

ギャラリーバーグループの「ギャラリーバー項目_03」を選択するとギャラリーバーも「ギャラリーバー項目_03」が選択状態になります。

20230428_16

20230428_17

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