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

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 スタイルが次のように画面に適用されます。