[ 
|../../index.htm#lansa/ramptutorialsadvanced_0030.htm]
現在地: RAMP-TSガイド > RAMP VLF-ONE のチュートリアル > 上級 VLF-ONE RAMP チュートリアル > RAMP-ONEAD02: テーマ
RAMP-ONEAD02: テーマ
RAMP では jQueryTheme とスタイルのデフォルトのセットが提供されており、画面をデフォルトの VLF-ONE 画面のような外観にすることができます。
以下は VLF-ONE スタイル無しの製品管理画面です。
初級のチュートリアルで確認したとおり、新規プロジェクトに VLF-ONE スタイルを適用させるには、[VLF-ONE RAMP プロジェクト] のチェックボックスにチェックマークを入れると自動的にスタイルがプロジェクトのフォルダにコピーされます。
VLF-ONE スタイルは次のファイルから構成されています。
/<axes ルート>/ts/screens/application_definition_VLFONE.js
/<axes ルート>/ts/screens/application_definition_VLFONE.css
/<axes ルート>/ts/screens/axautoguirules_VLFONE.json
/<axes ルート>/ts/ts2/css/projectThemes/jQtheme_VLFONE
既存のプロジェクトに VLF-ONE スタイルを適用させるには、IBM i のコマンドラインで以下のコマンドを実行します。
CPY OBJ('/axes/ts/screens/application_definition_vlfone.js') TOOBJ('/axes/ts/screens/<プロジェクトフォルダ>/application_definition.js') REPLACE(*YES)
CPY OBJ('/axes/ts/screens/application_definition_vlfone.css') TOOBJ('/axes/ts/screens/<プロジェクトフォルダ>/application_definition.css') REPLACE(*YES)
CPY OBJ('/axes/ts/screens/axautoguirules_VLFONE.json') TOOBJ('/axes/ts/screens/<プロジェクトフォルダ>/axautoguirules.json') REPLACE(*YES)
CPY OBJ('/axes/ts/ts2/css/projectThemes/jqtheme_VLFONE/') TODIR('/axes/ts/screens/<プロジェクトフォルダ>/projectThemes/') SUBTREE(*ALL) REPLACE(*YES)
CHGAUT OBJ('/axes/ts/screens/<プロジェクトフォルダ名>') USER(*PUBLIC) DTAAUT(*R) OBJAUT(*NONE) SUBTREE(*ALL)
これで VLF-ONE スタイルが次のように画面に適用されます。
[ |../../index.htm#lansa/ramptutorialsadvanced_0030.htm]