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

以下は VLF-ONE スタイル無しの顧客管理画面です。

新規 aXes プロジェクトに VLF-ONE スタイルを適用させるには、[VLF-ONE RAMP プロジェクト] のチェックボックスにチェックマークを入れると自動的にスタイルがプロジェクトのフォルダにコピーされます。詳細は、チュートリアル「ステップ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 スタイルが次のように画面に適用されます。

  • No labels