Trace:
Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
visionx:valo_style_templates [2021/11/08 10:41] admin |
visionx:valo_style_templates [2024/12/18 06:45] (current) admin |
||
---|---|---|---|
Line 14: | Line 14: | ||
If you want to use our style templates, do following: | If you want to use our style templates, do following: | ||
- | - Download the {{:visionx:visionx_style_templates_v1.0.zip|template archive}} | + | - Download the {{:visionx:visionx_style_templates_v1.8.zip|template archive}} |
- Extract the archive into the **WebContent** folder of your application, e.g. //<VisionX_dir>/rad/apps/vxdemo/WebContent// \\ (be careful because the existing application.css will be replaced) | - Extract the archive into the **WebContent** folder of your application, e.g. //<VisionX_dir>/rad/apps/vxdemo/WebContent// \\ (be careful because the existing application.css will be replaced) | ||
- Choose the right application style | - Choose the right application style | ||
Line 30: | Line 30: | ||
<file css application.css> | <file css application.css> | ||
- | @import url('theme-orange.css'); | + | @import url('./theme-orange.css'); |
- | /* @import url('theme-red.css'); */ | + | /* @import url('./theme-red.css'); */ |
- | /* @import url('theme-black.css'); */ | + | /* @import url('./theme-black.css'); */ |
- | /* @import url('theme-blue.css'); */ | + | /* @import url('./theme-blue.css'); */ |
:root { | :root { | ||
Line 57: | Line 57: | ||
/* Image Company Logo */ | /* Image Company Logo */ | ||
- | /* --theme-background-image: url("./images/logo_white.png"); */ | + | /* --theme-background-image: url("./images/theme-logo_white.png"); */ |
/* Background Color Toparea */ | /* Background Color Toparea */ | ||
Line 203: | Line 203: | ||
{{:visionx:corporation_web_orange.png?nolink|Corporation menu}} | {{:visionx:corporation_web_orange.png?nolink|Corporation menu}} | ||
- | If you want different colors, simply use another theme file or change one of the documented variables, e.g. | + | If you want different colors, simply use another theme file |
+ | |||
+ | <code css> | ||
+ | /* @import url('./theme-orange.css'); */ | ||
+ | /* @import url('./theme-red.css'); */ | ||
+ | /* @import url('./theme-black.css'); */ | ||
+ | @import url('./theme-blue.css'); | ||
+ | </code> | ||
+ | |||
+ | or change one of the documented variables, e.g. | ||
<code css> | <code css> |