DevExpress でのリボンのタブ文字色設定

DevExpress でのリボン（ASPxRibbon）のタブ文字色設定のサンプルです。

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

＜リボンのタブ文字色設定＞

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

↓

「ASPxRibbon」、「Tabs」、「RibbonTab」の「TabStyle」に対して「ForeColor=”#FF99FF”」を設定します。

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxRibbon ID="ASPxRibbon1" runat="server" ShowFileTab="False" Theme="RedWine">
            <Tabs>
                <dx:RibbonTab Name="タブ_01" Text="タブ_01">
                    <TabStyle Font-Size="15pt" ForeColor="#FF99FF">
                    </TabStyle>
                    <groups>
                        <dx:RibbonGroup Name="グループ_01_01" Text="グループ_01_01">
                        </dx:RibbonGroup>
                    </groups>
                </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">

</TabStyle>

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

</dx:RibbonGroup>

</groups>

</dx:RibbonTab>

</Tabs>

</dx:ASPxRibbon>

</div>

</form>

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

↓

無事、リボン（ASPxRibbon）のタブ文字色設定が出来ました。

関連記事はこちら:

DevExpress でのリボンのボタンリンク遷移方法設定 DevExpress でのリボン（ASPxRibbon）のボタン（RibbonButtonItem）に対してのリンク遷移方法設定のサンプルです。現状の画面デザインはこのようになっています。 ※自身のページが遷移今回は ......
DevExpress でのリボンのドロップダウントグルの遷移先URL取得設定（JavaScript） DevExpress でのリボン（ASPxRibbon）のドロップダウントグル（RibbonDropDownToggleButtonItem）の遷移先URL取得設定（JavaScript）のサンプルです。現状の画面デザ ......
DevExpress でのリボンのドロップダウンの遷移先設定 DevExpress でのリボン（ASPxRibbon）のドロップダウン（RibbonDropDownButtonItem）の遷移先設定のサンプルです。現状の画面デザインはこのようになっています。＜リボンのドロップダ ......
DevExpress でのリボンの日付マスク取得設定（JavaScript） DevExpress でのリボン（ASPxRibbon）の日付（RibbonDateEditItem）に対して日付マスク取得設定（JavaScript）のサンプルです。現状の画面デザインはこのようになってます。＜リボ ......
DevExpress でのリボンの日付カレンダー表示ボタン無効化設定 DevExpress でのリボン（ASPxRibbon）の日付（RibbonDateEditItem）に対してカレンダーの表示ボタン無効化設定のサンプルです。現状の画面デザインはこのようになってます。＜リボンの日付カ ......
DevExpress でのリボンの日付カレンダー表示数（横）設定 DevExpress でのリボン（ASPxRibbon）の日付（RibbonDateEditItem）に対してカレンダー表示数（横）設定のサンプルです。現状の画面デザインはこのようになってます。＜リボンの日付カレンダ ......
DevExpress でのリボンのコンボボックスリスト表示サイズ（高さ：px指定）設定 DevExpress でのリボン（ASPxRibbon）のコンボボックス（RibbonComboBoxItem）に対してリスト表示サイズ（高さ：px指定）設定のサンプルです。現状の画面デザインはこのようになってます。 ......
DevExpress でのリボンのコンボボックスフォント名設定 DevExpress でのリボン（ASPxRibbon）のコンボボックス（RibbonComboBoxItem）に対してフォント名設定のサンプルです。現状の画面デザインはこのようになっています。＜リボンのコンボボック ......
DevExpress でのリボンのチェックボックス枠設定 DevExpress でのリボン（ASPxRibbon）のチェックボックス（RibbonCheckBoxItem）枠設定のサンプルです。現状の画面デザインはこのようになっています。＜リボンのチェックボックス枠設定＞ ......
DevExpress でのリボンのギャラリーバー選択不可設定 DevExpress でのリボン（ASPxRibbon）のギャラリーバー（RibbonDateEditItem）の選択不可設定のサンプルです。現状の画面デザインはこのようになっています。＜リボンのギャラリーバー選択不 ......

投稿タグ: ASPxRibbon

MENU

最近の投稿

人気記事