RAMP では jQueryTheme とスタイルのデフォルトのセットが提供されており、画面をデフォルトの VLF-ONE 画面のような外観にすることができます。
以下は VLF-ONE スタイル無しの製品管理画面です。
!worddavaf485e25f57cd86bb5b0fc63f3f1b1cc.png|height=32,width=32!
初級のチュートリアルで確認したとおり、新規プロジェクトに 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 スタイルが次のように画面に適用されます。
!worddavaf485e25f57cd86bb5b0fc63f3f1b1cc.png|height=32,width=32!
[ !worddavaf485e25f57cd86bb5b0fc63f3f1b1cc.png|height=32,width=32! |../../index.htm#lansa/ramptutorialsadvanced_0030.htm]