DevExpress でのリボンのグループ非表示設定

DevExpress でのリボン（ASPxRibbon）のグループ非表示設定のサンプルです。

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

＜リボンのグループ非表示設定＞

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

↓

「タブ_01」を展開します。

「グループ_01_02」を選択します。

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」の「RibbonGroup」に対して「Visible=”False”」を設定します。

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxRibbon ID="ASPxRibbon1" runat="server" ShowFileTab="False" Theme="RedWine">
            <Tabs>
                <dx:RibbonTab Name="タブ_01" Text="タブ_01">
                    <groups>
                        <dx:RibbonGroup Name="グループ_01_01" Text="グループ_01_01">
                        </dx:RibbonGroup>
                        <dx:RibbonGroup Name="グループ_01_02" Text="グループ_01_02" Visible="False">
                        </dx:RibbonGroup>
                    </groups>
                </dx:RibbonTab>
                <dx:RibbonTab Name="タブ_02" Text="タブ_02">
                </dx:RibbonTab>
            </Tabs>
        </dx:ASPxRibbon>
    </div>
</form>

<div>

<dx:ASPxRibbon ID="ASPxRibbon1" runat="server" ShowFileTab="False" Theme="RedWine">

<Tabs>

<dx:RibbonTab Name="タブ_01" Text="タブ_01">

<dx:RibbonGroup Name="グループ_01_01" Text="グループ_01_01">

</dx:RibbonGroup>

<dx:RibbonGroup Name="グループ_01_02" Text="グループ_01_02" Visible="False">

</dx:RibbonGroup>

</groups>

</dx:RibbonTab>

<dx:RibbonTab Name="タブ_02" Text="タブ_02">

</dx:RibbonTab>

</Tabs>

</dx:ASPxRibbon>

</div>

</form>

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

↓

無事、リボン（ASPxRibbon）のグループ非表示設定が出来ました。

関連記事はこちら:

DevExpress でのリボンのボタンタイトルフォント設定 DevExpress でのリボン（ASPxRibbon）のボタン（RibbonButtonItem）に対してのタイトルフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜リボンのボタンタイトルフ ......
DevExpress でのリボンの日付カレンダー曜日表示スタイル設定 DevExpress でのリボン（ASPxRibbon）の日付（RibbonDateEditItem）に対してカレンダーの曜日表示スタイル設定のサンプルです。現状の画面デザインはこのようになってます。＜リボンの日付カ ......
DevExpress でのリボンの日付クリアボタン表示設定 DevExpress でのリボン（ASPxRibbon）の日付（RibbonDateEditItem）に対してクリアボタン表示設定のサンプルです。現状の画面デザインはこのようになってます。＜リボンの日付クリアボタン表 ......
DevExpress でのリボンのコンボボックスリスト表示位置（縦）設定 DevExpress でのリボン（ASPxRibbon）のコンボボックス（RibbonComboBoxItem）に対してリスト表示位置（縦）設定のサンプルです。現状の画面デザインはこのようになってます。＜リボンのコン ......
DevExpress でのリボンのコンボボックスヘルプテキスト表示設定 DevExpress でのリボン（ASPxRibbon）のコンボボックス（RibbonComboBoxItem）に対してヘルプテキスト表示設定のサンプルです。現状の画面デザインはこのようになってます。＜リボンのコンボ ......
DevExpress でのリボンのコンボボックスカラム非表示設定 DevExpress でのリボン（ASPxRibbon）のコンボボックス（RibbonComboBoxItem）に対してカラム非表示設定のサンプルです。現状の画面デザインはこのようになっています。＜リボンのコンボボッ ......
DevExpress でのリボンのカラーボタンタイトル位置（横）設定 DevExpress でのリボン（ASPxRibbon）のカラーボタン（RibbonColorButtonItem）に対してタイトル位置（横）設定のサンプルです。現状の画面デザインはこのようになっています。＜リボンの ......
DevExpress でのリボンのチェックボックス名取得設定（JavaScript） DevExpress でのリボン（ASPxRibbon）のチェックボックス（RibbonCheckBoxItem）に対しての名前取得設定（JavaScript）のサンプルです。チェックボックス（RibbonCheckB ......
DevExpress でのリボンのタブ名取得設定（JavaScript） DevExpress でのリボン（ASPxRibbon）のボタン（RibbonButtonItem）に対してのタブ名取得設定（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。＜リボン ......
DevExpress でのリボンのドロップダウンリストアイテム追加設定 DevExpress でのリボン（ASPxRibbon）のドロップダウンリストアイテム（RibbonDropDownButtonItem）追加設定のサンプルです。現状の画面デザインはこのようになっています。＜リボンの ......

投稿タグ: ASPxRibbon

MENU

最近の投稿

人気記事