DevExpress でのリボン(ASPxRibbon)のトグルボタン(RibbonToggleButtonItem)のサイズ(幅)設定のサンプルです。

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

20240503_01

<リボンのトグルボタンのサイズ(幅)設定>

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

20240503_02

20240503_03

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

20240503_04

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonToggleButtonItem」の「ItemStyle」に対して「Width=”200px”」を設定します。

20240503_05

【サンプルプログラム】

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

20240503_01

20240503_06

「トグルボタン_01_01_02」、「トグルボタン_01_01_03」を選択すると、選択状態はサイズ分(幅)になります。

20240503_07

無事、リボン(ASPxRibbon)のトグルボタン(RibbonToggleButtonItem)のサイズ(幅)設定が出来ました。