Page History

[ Image Removed |../../index.htm#lansa/lansa050_0021.htm]
現在地: RAMP -TSガイド > よくある質問 > スナップインした画面のテーマ変更方法

...

Wiki MarkupRAMP では ajQueryTheme とスタイルのデフォルトのセットが提供されており、画面をデフォルトの VLF-ONE 画面のような外観にすることができます。

以下は VLF-ONE スタイル無しの顧客管理画面です。 !worddavaf485e25f57cd86bb5b0fc63f3f1b1cc.png|height=32,width=32! 新規 aXes プロジェクトに スタイル無しの顧客管理画面です。

Image Added

新規 aXes プロジェクトに VLF-ONE スタイルを適用させるには、\[VLF-ONE RAMP プロジェクト\] のチェックボックスにチェックマークを入れると自動的にスタイルがプロジェクトのフォルダにコピーされます。詳細は、チュートリアル「[<span style="color: #0000ee"><span style="text-decoration: underline; ">ステップ2.RAMP チュートリアル用のプロジェクト・コンテナを作成する</span></span> |ramptutorialsbasic_0300.htm#_Ref494022250]」を参照してください。 既存のプロジェクトに VLF-ONE スタイルを手動で適用させるには、IBM i のコマンドラインで以下のコマンドを実行します。 ] のチェックボックスにチェックマークを入れると自動的にスタイルがプロジェクトのフォルダにコピーされます。詳細は、チュートリアル「ステップ2.RAMP チュートリアル用のプロジェクト・コンテナを作成する」を参照してください。

既存のプロジェクトに VLF-ONE スタイルを手動で適用させるには、IBM i のコマンドラインで以下のコマンドを実行します。

     CPY OBJ('<root>/ts/screens/.defaults/application_definition_vlfone.js') TOOBJ('<root>/ts/screens/<project folder>/application_definition.js') REPLACE(*YES)

...

     CPY OBJ('<root>/ts/screens/.defaults/application_definition_vlfone.css') TOOBJ('<root>/ts/screens/<project folder>/application_definition.css') REPLACE(*YES)

...

     CPY OBJ('<root>/ts/screens/.defaults/axautoguirules_VLFONE.json') TOOBJ('<root>/ts/screens/<project folder>/axautoguirules.json') REPLACE(*YES)

...

     CPY OBJ('<root>/ts/ts2/css/projectThemes/jqtheme_VLFONE/') TODIR('<root>/ts/screens/<project folder>/projectThemes/') SUBTREE(*ALL) REPLACE(*YES)

...

     CHGAUT OBJ('/axes/ts/screens/<project folder name>') USER(*PUBLIC) DTAAUT(*R) OBJAUT(*NONE) SUBTREE(*ALL)

説明:

• aXes 4.20 の場合、<root> の箇所は、例えば '/axesjsm/jsm/instance/www/instance/htdocs' となります。
• aXes のそれ以前のバージョンでは、<root> の箇所、は例えば '/axes' となります。

...

これで VLF-ONE スタイルが次のように画面に適用されます。 Image Removed
 

...

...

...

...