DevExpress でのリボン(ASPxRibbon)のカラーボタン(RibbonColorButtonItem)追加設定のサンプルです。

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

20220112_01

<リボンのカラーボタン追加設定>

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

20220112_02

20220112_03

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

20220112_04

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

20220112_05

20220112_06

20220112_07

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」の「RibbonColorButtonItem」に対して「Name=”colorbutton_01_01_01″」を設定します。

20220112_08

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」の「RibbonColorButtonItem」に対して「Text=”カラーボタン_01_01_01″」を設定します。

20220112_09

【サンプルプログラム】

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

20220112_01

20220112_10

無事、リボン(ASPxRibbon)のカラーボタン(RibbonColorButtonItem)追加設定が出来ました。

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

20220112_11

20220112_12