GAM Backend のスタイルをカスタマイズするために使用する Design System オブジェクトを定義します。

適用範囲

ジェネレーター: .NET、.NET Framework、Java
レベル: バージョン

説明

このプロパティでは、GAM Backend で使用される Unanimo ベースのカスタム デザイン システムを選択できます。
既定値は none です。つまり、GAM Backend の既定のデザインシステムが使用されます。
注:
[ ビルド ] メニューで [ GAM バックエンドを実行 ] を選択するか、ビルドを実行すると、異なる言語それぞれで \Web\GAMResources\English\GAMDesignSystem.css ファイルが編集されて、 [ GAM Backend Style Override ] プロパティで選択されたデザインシステムへのインポートが追加されます。

実行時/設計時

このプロパティは設計時にのみ適用されます。

例

次に示すデザインシステムがあるとします:

styles NewKBGAM1 { 
@import GeneXusUnanimo.UnanimoWeb; 
}

プライマリーカラーとセカンダリーカラーを次に示すとおりに変更します (Unanimo デザインシステムと同じトークンに基づく):

tokens NewKBGAM1 (color-scheme: [ light ] |dark)
{
    //COLORS
    @color-scheme = light {
        #colors
        {
            #region Unanimo_Colors
                primary: #ECF269;
                secondary: #388645;
            #endregion
        }
    }
}

[ GAM Backend Style Override ] プロパティで、「NewKBGAM1」というデザインシステムをバージョンレベルで選択します。
GAMDesignSystem.css ファイルに以下のコンテンツが含まれます (GAM のコンパイル済みバックエンドと一緒に配布された元のファイルに加えられた変更は太字で強調表示されています): 

@import "GeneXusUnanimo.UnanimoWeb.css";
@import "GeneXusReporting.QueryViewer.css";
@import "GeneXusReporting.DashboardViewer.css";
@import "GAMDesignSystem_Tokens.css";
/* gx-style-customization - start */
@import "../../Resources/English/NewKBGAM1.css";
/* gx-style-customization - end */

@layer GAMDesignSystem {
/* gx-css-import ignore - start */
 
/* gx-css-import ignore - end */
/* gx-css-user-controls - start */
/* gx-css-user-controls - end */
}

GAM Backend は NewKBGAM1 デザインシステムのスタイルを使用します。その場合、次のようになります:

プロパティの変更の適用方法