DevExpress でのリボン(ASPxRibbon)のカラーボタン(RibbonColorButtonItem)に対して枠表示設定のサンプルです。

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

20220214_05

<リボンのカラーボタン枠表示設定>

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

20220216_01

20220216_02

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

20220216_03

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonColorButtonItem」の「ItemStyle」に対して「Border-BorderColor=”Black”」を設定します。

20220216_04

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonColorButtonItem」の「ItemStyle」に対して「Border-BorderStyle=”Solid”」を設定します。

20220216_05

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonColorButtonItem」の「ItemStyle」に対して「Border-BorderWidth=”2px”」を設定します。

20220216_06

【サンプルプログラム】

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

20220214_05

20220216_07

20220216_08

無事、リボン(ASPxRibbon)のカラーボタン(RibbonColorButtonItem)に対して枠表示設定が出来ました。