Page History

[ Image Removed |../../index.htm#lansa/ramptutorialsadvanced_0030.htm]
現在地: RAMP-TSガイド > RAMP VLF-ONE のチュートリアル > 上級 VLF-ONE RAMP チュートリアル > RAMP-ONEAD02: テーマ

...

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

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

Image Added

初級のチュートリアルで確認したとおり、新規プロジェクトに !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

...

...

...

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

Image Added