This is an automated email from the ASF dual-hosted git repository.

jleroux pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/ofbiz-tools.git


The following commit(s) were added to refs/heads/master by this push:
     new fc6179a  Removes the deprecated wiki-files/themes/README.md.html
fc6179a is described below

commit fc6179a01f47116ef948d26373ae2c7fca544660
Author: Jacques Le Roux <jacques.le.r...@les7arts.com>
AuthorDate: Sun Nov 8 17:17:56 2020 +0100

    Removes the deprecated wiki-files/themes/README.md.html
---
 wiki-files/themes/README.md.html | 327 ---------------------------------------
 1 file changed, 327 deletions(-)

diff --git a/wiki-files/themes/README.md.html b/wiki-files/themes/README.md.html
deleted file mode 100644
index d7563f9..0000000
--- a/wiki-files/themes/README.md.html
+++ /dev/null
@@ -1,327 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml"; lang="" xml:lang="">
-<head>
-  <meta charset="utf-8" />
-  <meta name="generator" content="pandoc" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, 
user-scalable=yes" />
-  <title>README</title>
-  <style type="text/css">
-      code{white-space: pre-wrap;}
-      span.smallcaps{font-variant: small-caps;}
-      span.underline{text-decoration: underline;}
-      div.column{display: inline-block; vertical-align: top; width: 50%;}
-  </style>
-  <style type="text/css">
-a.sourceLine { display: inline-block; line-height: 1.25; }
-a.sourceLine { pointer-events: none; color: inherit; text-decoration: inherit; 
}
-a.sourceLine:empty { height: 1.2em; position: absolute; }
-.sourceCode { overflow: visible; }
-code.sourceCode { white-space: pre; position: relative; }
-div.sourceCode { margin: 1em 0; }
-pre.sourceCode { margin: 0; }
-@media screen {
-div.sourceCode { overflow: auto; }
-}
-@media print {
-code.sourceCode { white-space: pre-wrap; }
-a.sourceLine { text-indent: -1em; padding-left: 1em; }
-}
-pre.numberSource a.sourceLine
-  { position: relative; }
-pre.numberSource a.sourceLine:empty
-  { position: absolute; }
-pre.numberSource a.sourceLine::before
-  { content: attr(data-line-number);
-    position: absolute; left: -5em; text-align: right; vertical-align: 
baseline;
-    border: none; pointer-events: all;
-    -webkit-touch-callout: none; -webkit-user-select: none;
-    -khtml-user-select: none; -moz-user-select: none;
-    -ms-user-select: none; user-select: none;
-    padding: 0 4px; width: 4em;
-    color: #aaaaaa;
-  }
-pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa;  
padding-left: 4px; }
-div.sourceCode
-  {  }
-@media screen {
-a.sourceLine::before { text-decoration: underline; }
-}
-code span.al { color: #ff0000; font-weight: bold; } /* Alert */
-code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* 
Annotation */
-code span.at { color: #7d9029; } /* Attribute */
-code span.bn { color: #40a070; } /* BaseN */
-code span.bu { } /* BuiltIn */
-code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
-code span.ch { color: #4070a0; } /* Char */
-code span.cn { color: #880000; } /* Constant */
-code span.co { color: #60a0b0; font-style: italic; } /* Comment */
-code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* 
CommentVar */
-code span.do { color: #ba2121; font-style: italic; } /* Documentation */
-code span.dt { color: #902000; } /* DataType */
-code span.dv { color: #40a070; } /* DecVal */
-code span.er { color: #ff0000; font-weight: bold; } /* Error */
-code span.ex { } /* Extension */
-code span.fl { color: #40a070; } /* Float */
-code span.fu { color: #06287e; } /* Function */
-code span.im { } /* Import */
-code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* 
Information */
-code span.kw { color: #007020; font-weight: bold; } /* Keyword */
-code span.op { color: #666666; } /* Operator */
-code span.ot { color: #007020; } /* Other */
-code span.pp { color: #bc7a00; } /* Preprocessor */
-code span.sc { color: #4070a0; } /* SpecialChar */
-code span.ss { color: #bb6688; } /* SpecialString */
-code span.st { color: #4070a0; } /* String */
-code span.va { color: #19177c; } /* Variable */
-code span.vs { color: #4070a0; } /* VerbatimString */
-code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* 
Warning */
-  </style>
-  <!--[if lt IE 9]>
-    <script 
src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
-  <![endif]-->
-</head>
-<body>
-<!--
-Licensed to the Apache Software Foundation (ASF) under one
-or more contributor license agreements.  See the NOTICE file
-distributed with this work for additional information
-regarding copyright ownership.  The ASF licenses this file
-to you under the Apache License, Version 2.0 (the
-"License"); you may not use this file except in compliance
-with the License.  You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing,
-software distributed under the License is distributed on an
-"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, either express or implied.  See the License for the
-specific language governing permissions and limitations
-under the License.
--->
-<h1 id="apache-ofbiz-themes">Apache OFBiz Themes</h1>
-<h1 id="what-is-a-theme">What is a theme</h1>
-<p>A Theme is an ofbiz component that defines all elements necessary to render 
all information generated by the screen engine through an embedded technology. 
Currently themes presents in Apache OFBiz use html5/jquery/css to do that.</p>
-<p>To realize that, a theme can define some properties, among them some can be 
necessary. It can define its own ftl macro to render the different modelScreen 
elements and can define its own screen decorator to prepare the final user 
screen structure for the technology used by the theme.</p>
-<h1 id="how-to-define-it">How to define it</h1>
-<p>A theme is a standard component, present in the directory themes or plugins 
with a file definition present on widget/Theme.xml and support the <a 
href="http://ofbiz.apache.org/dtds/widget-theme.xsd";>widget-theme.xsd</a></p>
-<p>To offer the possibility for end users to select the theme through the 
“Select Theme Screen”, the theme need to load the entity VisualTheme and one or 
more entries related to this theme.</p>
-<h1 id="structure-of-theme.xml">Structure of Theme.xml</h1>
-<p>The theme definition file help OFBiz to know what specific rendering the 
Theme want to use. It’s composed by two definition elements and four optional 
blocks</p>
-<h2 id="main-definition">Main definition</h2>
-<p>The First mandatory element is one or several visualThemeId related to the 
theme Defined like that</p>
-<div class="sourceCode" id="cb1"><pre class="sourceCode xml"><code 
class="sourceCode xml"><a class="sourceLine" id="cb1-1" data-line-number="1">   
 <span class="kw">&lt;visual-themes&gt;</span></a>
-<a class="sourceLine" id="cb1-2" data-line-number="2">        <span 
class="kw">&lt;visual-theme</span><span class="ot"> id=</span><span 
class="st">&quot;MY_THEME&quot;</span><span class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb1-3" data-line-number="3">    <span 
class="kw">&lt;/visual-themes&gt;</span></a></code></pre></div>
-<p>You need to define in the database an entry in VisualTheme Entity for each 
visual-theme id defined.</p>
-<div class="sourceCode" id="cb2"><pre class="sourceCode xml"><code 
class="sourceCode xml"><a class="sourceLine" id="cb2-1" 
data-line-number="1"><span class="kw">&lt;entity-engine-xml&gt;</span></a>
-<a class="sourceLine" id="cb2-2" data-line-number="2">    <span 
class="kw">&lt;VisualTheme</span><span class="ot"> visualThemeId=</span><span 
class="st">&quot;MY_THEME&quot;</span><span class="ot"> 
visualThemeSetId=</span><span class="st">&quot;BACKOFFICE&quot;</span><span 
class="ot"> description=</span><span class="st">&quot;My theme - Example (based 
on flatgrey)&quot;</span><span class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb2-3" data-line-number="3"><span 
class="kw">&lt;/entity-engine-xml&gt;</span></a></code></pre></div>
-<blockquote>
-<p><em>Note</em>: a theme component can load one or more visual theme id. 
Usually only one is present.</p>
-</blockquote>
-<p>The second important (but not mandatory) element is 
<strong>implements</strong></p>
-<div class="sourceCode" id="cb3"><pre class="sourceCode xml"><code 
class="sourceCode xml"><a class="sourceLine" id="cb3-1" data-line-number="1">   
<span class="kw">&lt;extends</span><span class="ot"> location=</span><span 
class="st">&quot;component://common-theme/widget/Theme.xml&quot;</span><span 
class="kw">/&gt;</span></a></code></pre></div>
-<p>This element indicates that your theme copies from the extend theme all 
information not present in its file definition. If this element isn’t present 
in your theme, you will need to define all information present in common-theme 
to be sure that OFBiz misses nothing for a correct run. Otherwise some 
functionnalities can be broken… &gt;<em>Note</em>: It’s highly recommended to 
extend the common-theme to be sure that your theme works correctly and to 
surcharge only what you need.</p>
-<p>The four following blocks are optionnal if you define an extends theme ## 
General properties This block contains all properties that the screen engine 
can use to prepare the rendering and that the theme can implement</p>
-<div class="sourceCode" id="cb4"><pre class="sourceCode xml"><code 
class="sourceCode xml"><a class="sourceLine" id="cb4-1" data-line-number="1">   
 <span class="kw">&lt;widget-properties&gt;</span><span 
class="co">&lt;!--Transversal properties relative to ofbiz widget 
component--&gt;</span></a>
-<a class="sourceLine" id="cb4-2" data-line-number="2">        <span 
class="kw">&lt;default-view-size</span><span class="ot"> value=</span><span 
class="st">&quot;20&quot;</span><span class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb4-3" data-line-number="3">        <span 
class="kw">&lt;autocompleter</span></a>
-<a class="sourceLine" id="cb4-4" data-line-number="4"><span class="ot">        
        default-view-size=</span><span class="st">&quot;10&quot;</span></a>
-<a class="sourceLine" id="cb4-5" data-line-number="5"><span class="ot">        
        default-min-lenght=</span><span class="st">&quot;2&quot;</span></a>
-<a class="sourceLine" id="cb4-6" data-line-number="6"><span class="ot">        
        default-delay=</span><span class="st">&quot;300&quot;</span></a>
-<a class="sourceLine" id="cb4-7" data-line-number="7"><span class="ot">        
        display-return-field=</span><span 
class="st">&quot;true&quot;</span><span class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb4-8" data-line-number="8">        <span 
class="kw">&lt;lookup</span></a>
-<a class="sourceLine" id="cb4-9" data-line-number="9"><span class="ot">        
        position=</span><span class="st">&quot;topleft&quot;</span></a>
-<a class="sourceLine" id="cb4-10" data-line-number="10"><span class="ot">      
          width=</span><span class="st">&quot;640&quot;</span></a>
-<a class="sourceLine" id="cb4-11" data-line-number="11"><span class="ot">      
          height=</span><span class="st">&quot;500&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb4-12" data-line-number="12">        <span 
class="kw">&lt;layered-modal</span></a>
-<a class="sourceLine" id="cb4-13" data-line-number="13"><span class="ot">      
          width=</span><span class="st">&quot;800&quot;</span></a>
-<a class="sourceLine" id="cb4-14" data-line-number="14"><span class="ot">      
          height=</span><span class="st">&quot;600&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb4-15" data-line-number="15">    <span 
class="kw">&lt;/widget-properties&gt;</span></a></code></pre></div>
-<h2 id="themes-specific-properties">Theme’s specific properties</h2>
-<p>This block contains all properties specific to this theme. In general these 
are some properties present on ftl template, that are initialized by the theme 
and can be surchaged by another theme through the extends elements.</p>
-<div class="sourceCode" id="cb5"><pre class="sourceCode xml"><code 
class="sourceCode xml"><a class="sourceLine" id="cb5-1" data-line-number="1">   
     <span class="kw">&lt;property</span><span class="ot"> name=</span><span 
class="st">&quot;jgrowlPosition&quot;</span><span class="ot"> 
value=</span><span class="st">&quot;center&quot;</span><span class="ot"> 
type=</span><span class="st">&quot;String&quot;</span><span 
class="kw">/&gt;</span><span class="co">&lt;!--possible value: top-left,  [...]
-<a class="sourceLine" id="cb5-2" data-line-number="2">        <span 
class="kw">&lt;property</span><span class="ot"> name=</span><span 
class="st">&quot;jgrowlWidth&quot;</span><span class="ot"> value=</span><span 
class="st">&quot;800&quot;</span><span class="ot"> type=</span><span 
class="st">&quot;Integer&quot;</span><span class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb5-3" data-line-number="3">        <span 
class="kw">&lt;property</span><span class="ot"> name=</span><span 
class="st">&quot;jgrowlHeight&quot;</span><span class="ot"> value=</span><span 
class="st">&quot;&quot;</span><span class="ot"> type=</span><span 
class="st">&quot;Integer&quot;</span><span class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb5-4" data-line-number="4">        <span 
class="kw">&lt;property</span><span class="ot"> name=</span><span 
class="st">&quot;jgrowlSpeed&quot;</span><span class="ot"> value=</span><span 
class="st">&quot;100&quot;</span><span class="ot"> type=</span><span 
class="st">&quot;Integer&quot;</span><span 
class="kw">/&gt;</span></a></code></pre></div>
-<h2 id="ftl-macro-library">Ftl macro library</h2>
-<p>This block defines for each technology implemented by the screen engine 
where it can find the macro library for each model (Screen, Form, Tree, 
Menu)</p>
-<div class="sourceCode" id="cb6"><pre class="sourceCode xml"><code 
class="sourceCode xml"><a class="sourceLine" id="cb6-1" data-line-number="1">   
<span class="kw">&lt;templates&gt;</span><span class="co">&lt;!-- Freemarker 
template use by this theme to render widget model--&gt;</span></a>
-<a class="sourceLine" id="cb6-2" data-line-number="2">        <span 
class="kw">&lt;template</span><span class="ot"> name=</span><span 
class="st">&quot;screen&quot;</span><span class="ot"> type=</span><span 
class="st">&quot;html&quot;</span><span class="ot"> content-type=</span><span 
class="st">&quot;UTF-8&quot;</span><span class="ot"> encoding=</span><span 
class="st">&quot;none&quot;</span><span class="ot"> encoder=</span><span 
class="st">&quot;html&quot;</span><span class="ot"> compress [...]
-<a class="sourceLine" id="cb6-3" data-line-number="3">            <span 
class="kw">&lt;template-file</span><span class="ot"> widget=</span><span 
class="st">&quot;screen&quot;</span><span class="ot"> location=</span><span 
class="st">&quot;component://common-theme/template/macro/HtmlScreenMacroLibrary.ftl&quot;</span><span
 class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb6-4" data-line-number="4">            <span 
class="kw">&lt;template-file</span><span class="ot"> widget=</span><span 
class="st">&quot;form&quot;</span><span class="ot"> location=</span><span 
class="st">&quot;component://common-theme/template/macro/HtmlFormMacroLibrary.ftl&quot;</span><span
 class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb6-5" data-line-number="5">            <span 
class="kw">&lt;template-file</span><span class="ot"> widget=</span><span 
class="st">&quot;tree&quot;</span><span class="ot"> location=</span><span 
class="st">&quot;component://common-theme/template/macro/HtmlTreeMacroLibrary.ftl&quot;</span><span
 class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb6-6" data-line-number="6">            <span 
class="kw">&lt;template-file</span><span class="ot"> widget=</span><span 
class="st">&quot;menu&quot;</span><span class="ot"> location=</span><span 
class="st">&quot;component://common-theme/template/macro/HtmlMenuMacroLibrary.ftl&quot;</span><span
 class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb6-7" data-line-number="7">        <span 
class="kw">&lt;/template&gt;</span></a>
-<a class="sourceLine" id="cb6-8" data-line-number="8">        ...</a>
-<a class="sourceLine" id="cb6-9" data-line-number="9">   <span 
class="kw">&lt;/templates&gt;</span></a></code></pre></div>
-<blockquote>
-<p><em>Note</em>: If you want surcharge some macros, you can just create the 
desired macros and import the others from common-theme (at the top of file) 
like that : <code>&lt;#include 
&quot;component://common-theme/template/macro/HtmlFormMacroLibrary.ftl&quot;/&gt;</code></p>
-</blockquote>
-<h2 id="screen-library">Screen library</h2>
-<p>This block defines where OFBiz can find all official screens definitions in 
framework/common</p>
-<p>Normally, you don’t need to change this file except if you need to define a 
default screen style that doesn’t exist OOTB. If you need to extend an existing 
one, you have to do it in the theme directory.</p>
-<p>To define a new default screen style, you have to add it in this file, and 
point to the screen decorator in common-theme to define your default screen 
style as the default one.</p>
-<div class="sourceCode" id="cb7"><pre class="sourceCode xml"><code 
class="sourceCode xml"><a class="sourceLine" id="cb7-1" data-line-number="1">   
  <span class="kw">&lt;common-screens&gt;</span><span class="co">&lt;!--list 
all common screen and decorator global to each application that each theme can 
be surcharge or not and use the screen present on common theme--&gt;</span></a>
-<a class="sourceLine" id="cb7-2" data-line-number="2">        <span 
class="kw">&lt;structural-decorator</span><span class="ot"> 
default-location=</span><span 
class="st">&quot;component://common-theme/widget/CommonScreens.xml&quot;</span><span
 class="kw">&gt;</span></a>
-<a class="sourceLine" id="cb7-3" data-line-number="3">            <span 
class="kw">&lt;screen</span><span class="ot"> name=</span><span 
class="st">&quot;GlobalDecorator&quot;</span><span class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb7-4" data-line-number="4">            ...</a>
-<a class="sourceLine" id="cb7-5" data-line-number="5">        <span 
class="kw">&lt;/structural-decorator&gt;</span></a>
-<a class="sourceLine" id="cb7-6" data-line-number="6">        <span 
class="kw">&lt;embed-decorator</span><span class="ot"> 
default-location=</span><span 
class="st">&quot;component://common-theme/widget/CommonScreens.xml&quot;</span><span
 class="kw">&gt;</span></a>
-<a class="sourceLine" id="cb7-7" data-line-number="7">            <span 
class="kw">&lt;screen</span><span class="ot"> name=</span><span 
class="st">&quot;FindScreenDecorator&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb7-8" data-line-number="8">        <span 
class="kw">&lt;/embed-decorator&gt;</span></a>
-<a class="sourceLine" id="cb7-9" data-line-number="9">        <span 
class="kw">&lt;general-screen</span><span class="ot"> 
default-location=</span><span 
class="st">&quot;component://common-theme/widget/CommonScreens.xml&quot;</span><span
 class="kw">&gt;</span></a>
-<a class="sourceLine" id="cb7-10" data-line-number="10">            <span 
class="kw">&lt;screen</span><span class="ot"> name=</span><span 
class="st">&quot;geoChart&quot;</span><span class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb7-11" data-line-number="11">            ...</a>
-<a class="sourceLine" id="cb7-12" data-line-number="12">        <span 
class="kw">&lt;/general-screen&gt;</span></a>
-<a class="sourceLine" id="cb7-13" data-line-number="13">    <span 
class="kw">&lt;/common-screens&gt;</span></a></code></pre></div>
-<p>Screens are separated in three types : * structural-decorator : contains 
all decorators that organise the screens structures * embed-decorator : 
decorator used only on sub screens * general-screen : list all generic inter 
applications screens # The common-theme This is the root theme that contains 
all information to ensure a good basic theme for OFBiz. Currently it keeps all 
old themes system for backward compatibility with ftl template managed by the 
entity <strong>VisualThemeResourc [...]
-<h1 id="create-your-own-theme">Create your own theme</h1>
-<p>As a theme is a component, you can create a new theme like a plugin.</p>
-<p>After creating a component, you can add the two minimal information :</p>
-<ul>
-<li>Theme.xml file in <strong>plugins/my-theme/widget/</strong> with minimal 
information :</li>
-</ul>
-<div class="sourceCode" id="cb8"><pre class="sourceCode xml"><code 
class="sourceCode xml"><a class="sourceLine" id="cb8-1" 
data-line-number="1"><span class="kw">&lt;theme</span><span class="ot"> 
name=</span><span class="st">&quot;my-theme&quot;</span></a>
-<a class="sourceLine" id="cb8-2" data-line-number="2"><span class="ot">        
xmlns:xsi=</span><span 
class="st">&quot;http://www.w3.org/2001/XMLSchema-instance&quot;</span></a>
-<a class="sourceLine" id="cb8-3" data-line-number="3"><span class="ot">        
xsi:noNamespaceSchemaLocation=</span><span 
class="st">&quot;http://ofbiz.apache.org/dtds/widget-theme.xsd&quot;</span><span
 class="kw">&gt;</span></a>
-<a class="sourceLine" id="cb8-4" data-line-number="4">    <span 
class="kw">&lt;visual-themes&gt;</span></a>
-<a class="sourceLine" id="cb8-5" data-line-number="5">        <span 
class="kw">&lt;visual-theme</span><span class="ot"> id=</span><span 
class="st">&quot;MY_THEME&quot;</span><span class="ot"> 
display-name=</span><span class="st">&quot;My Theme&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb8-6" data-line-number="6">    <span 
class="kw">&lt;/visual-themes&gt;</span></a>
-<a class="sourceLine" id="cb8-7" data-line-number="7"><span 
class="kw">&lt;/theme&gt;</span></a></code></pre></div>
-<ul>
-<li>your data file to add your visual theme in 
<strong>plugins/my-theme/data/</strong></li>
-</ul>
-<div class="sourceCode" id="cb9"><pre class="sourceCode xml"><code 
class="sourceCode xml"><a class="sourceLine" id="cb9-1" 
data-line-number="1"><span class="kw">&lt;entity-engine-xml&gt;</span></a>
-<a class="sourceLine" id="cb9-2" data-line-number="2">    <span 
class="kw">&lt;VisualTheme</span><span class="ot"> visualThemeId=</span><span 
class="st">&quot;MY_THEME&quot;</span><span class="ot"> 
visualThemeSetId=</span><span class="st">&quot;BACKOFFICE&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb9-3" data-line-number="3"><span 
class="kw">&lt;/entity-engine-xml&gt;</span></a></code></pre></div>
-<p>The presence of VisualTheme entity helps to indicate which theme is 
available in your instance, specially helpful for tenant installations.</p>
-<p>To display your theme in OFBiz theme library, you can complete the 
information on each visual theme like</p>
-<pre><code>&lt;theme name=&quot;my-theme&quot;
-        xmlns:xsi=&quot;http://www.w3.org/2001/XMLSchema-instance&quot;
-        
xsi:noNamespaceSchemaLocation=&quot;http://ofbiz.apache.org/dtds/widget-theme.xsd&quot;&gt;
-    &lt;visual-themes&gt;
-        &lt;visual-theme id=&quot;MY_THEME&quot; display-name=&quot;My 
Theme&quot;&gt;
-            &lt;description&gt;My new funny theme under nice 
tecnno&lt;/description&gt;
-            &lt;screenshot location=&quot;/mytheme/screenshot1.png&quot;/&gt;
-            &lt;screenshot location=&quot;/mytheme/screenshot2.png&quot;/&gt;
-        &lt;/visual-theme&gt;
-    &lt;/visual-themes&gt;
-&lt;/theme&gt;</code></pre>
-<blockquote>
-<p><em>Note</em>: <strong>display-name</strong> and 
<strong>description</strong> support the flexibleStringExpander syntax</p>
-</blockquote>
-<h2 id="extends-common-theme">extends common-theme</h2>
-<p>This is a first step to understand how the theme system works. With your 
new theme, you can try to surchage different elements. To start, extends the 
common-theme :</p>
-<div class="sourceCode" id="cb11"><pre class="sourceCode xml"><code 
class="sourceCode xml"><a class="sourceLine" id="cb11-1" 
data-line-number="1"><span class="kw">&lt;theme</span><span class="ot"> 
name=</span><span class="st">&quot;my-theme&quot;</span></a>
-<a class="sourceLine" id="cb11-2" data-line-number="2"><span class="ot">       
 xmlns:xsi=</span><span 
class="st">&quot;http://www.w3.org/2001/XMLSchema-instance&quot;</span></a>
-<a class="sourceLine" id="cb11-3" data-line-number="3"><span class="ot">       
 xsi:noNamespaceSchemaLocation=</span><span 
class="st">&quot;http://ofbiz.apache.org/dtds/widget-theme.xsd&quot;</span><span
 class="kw">&gt;</span></a>
-<a class="sourceLine" id="cb11-4" data-line-number="4">    <span 
class="kw">&lt;visual-themes&gt;</span></a>
-<a class="sourceLine" id="cb11-5" data-line-number="5">        <span 
class="kw">&lt;visual-theme</span><span class="ot"> id=</span><span 
class="st">&quot;MY_THEME&quot;</span><span class="ot"> 
display-name=</span><span class="st">&quot;My Theme&quot;</span><span 
class="kw">&gt;</span></a>
-<a class="sourceLine" id="cb11-6" data-line-number="6">            <span 
class="kw">&lt;description&gt;</span>My new funny theme under nice tecnno<span 
class="kw">&lt;/description&gt;</span></a>
-<a class="sourceLine" id="cb11-7" data-line-number="7">            <span 
class="kw">&lt;screenshot</span><span class="ot"> location=</span><span 
class="st">&quot;/mytheme/screenshot1.png&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb11-8" data-line-number="8">        <span 
class="kw">&lt;/visual-theme&gt;</span></a>
-<a class="sourceLine" id="cb11-9" data-line-number="9">    <span 
class="kw">&lt;/visual-themes&gt;</span></a>
-<a class="sourceLine" id="cb11-10" data-line-number="10">    <span 
class="kw">&lt;extends</span><span class="ot"> location=</span><span 
class="st">&quot;component://common-theme/widget/Theme.xml&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb11-11" data-line-number="11"><span 
class="kw">&lt;/theme&gt;</span></a></code></pre></div>
-<p>Now your theme should be operational, but without particularity.</p>
-<p>You can surcharge a ftl macro, to do this create your own ftl macro file in 
<strong>plugins/my-theme/templates/macro/HtmlFormMacroLibrary.ftl</strong> 
with</p>
-<pre class="ftl"><code>&lt;#include 
&quot;component://common-theme/template/macro/HtmlFormMacroLibrary.ftl&quot;/&gt;
-
-&lt;#macro renderDisplayField type imageLocation idName description title 
class alert inPlaceEditorUrl=&quot;&quot; inPlaceEditorParams=&quot;&quot;&gt;
-    &lt;#if description?has_content&gt;
-    *###*${description?replace(&quot;\n&quot;, &quot;&lt;br 
/&gt;&quot;)}**&lt;#t/&gt;
-    &lt;#else&gt;
-        *#&amp;nbsp;#*&lt;#t/&gt;
-    &lt;/#if&gt;
-&lt;/#macro&gt;</code></pre>
-<p>Now indicate to your theme that you want use this library</p>
-<div class="sourceCode" id="cb13"><pre class="sourceCode xml"><code 
class="sourceCode xml"><a class="sourceLine" id="cb13-1" 
data-line-number="1"><span class="kw">&lt;theme</span><span class="ot"> 
name=</span><span class="st">&quot;my-theme&quot;</span></a>
-<a class="sourceLine" id="cb13-2" data-line-number="2"><span class="ot">       
 xmlns:xsi=</span><span 
class="st">&quot;http://www.w3.org/2001/XMLSchema-instance&quot;</span></a>
-<a class="sourceLine" id="cb13-3" data-line-number="3"><span class="ot">       
 xsi:noNamespaceSchemaLocation=</span><span 
class="st">&quot;http://ofbiz.apache.org/dtds/widget-theme.xsd&quot;</span><span
 class="kw">&gt;</span></a>
-<a class="sourceLine" id="cb13-4" data-line-number="4">    <span 
class="kw">&lt;visual-themes&gt;</span></a>
-<a class="sourceLine" id="cb13-5" data-line-number="5">        <span 
class="kw">&lt;visual-theme</span><span class="ot"> id=</span><span 
class="st">&quot;MY_THEME&quot;</span><span class="ot"> 
display-name=</span><span class="st">&quot;My Theme&quot;</span><span 
class="kw">&gt;</span></a>
-<a class="sourceLine" id="cb13-6" data-line-number="6">            <span 
class="kw">&lt;description&gt;</span>My new funny theme under nice tecnno<span 
class="kw">&lt;/description&gt;</span></a>
-<a class="sourceLine" id="cb13-7" data-line-number="7">            <span 
class="kw">&lt;screenshot</span><span class="ot"> location=</span><span 
class="st">&quot;/mytheme/screenshot1.png&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb13-8" data-line-number="8">        <span 
class="kw">&lt;/visual-theme&gt;</span></a>
-<a class="sourceLine" id="cb13-9" data-line-number="9">    <span 
class="kw">&lt;/visual-themes&gt;</span></a>
-<a class="sourceLine" id="cb13-10" data-line-number="10">    <span 
class="kw">&lt;extends</span><span class="ot"> location=</span><span 
class="st">&quot;component://common-theme/widget/Theme.xml&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb13-11" data-line-number="11">    <span 
class="kw">&lt;templates&gt;</span></a>
-<a class="sourceLine" id="cb13-12" data-line-number="12">        <span 
class="kw">&lt;template</span><span class="ot"> name=</span><span 
class="st">&quot;screen&quot;</span><span class="ot"> type=</span><span 
class="st">&quot;html&quot;</span><span class="ot"> content-type=</span><span 
class="st">&quot;UTF-8&quot;</span><span class="ot"> encoding=</span><span 
class="st">&quot;none&quot;</span><span class="ot"> encoder=</span><span 
class="st">&quot;html&quot;</span><span class="ot"> compr [...]
-<a class="sourceLine" id="cb13-13" data-line-number="13">            <span 
class="kw">&lt;template-file</span><span class="ot"> widget=</span><span 
class="st">&quot;form&quot;</span><span class="ot"> location=</span><span 
class="st">&quot;component://my-theme/template/macro/HtmlFormMacroLibrary.ftl&quot;</span><span
 class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb13-14" data-line-number="14">        <span 
class="kw">&lt;/template&gt;</span></a>
-<a class="sourceLine" id="cb13-15" data-line-number="15">    <span 
class="kw">&lt;/templates&gt;</span></a>
-<a class="sourceLine" id="cb13-16" data-line-number="16"><span 
class="kw">&lt;/theme&gt;</span></a></code></pre></div>
-<p>and check the result when you select your theme. The result isn’t really 
interesting but it’s to understand how it works.</p>
-<h2 id="create-from-scratch">create from scratch</h2>
-<p>TODO…</p>
-<h1 id="backware-compatibility-with-ofbiz-16.11-and-above">Backware 
compatibility with OFBiz 16.11 and above</h1>
-<h2 id="how-themes-worked-before">How themes worked before</h2>
-<p>Before the theme management by model definition, all configurations have 
been present in the database through entity <strong>VisualTheme</strong> and 
<strong>VisualThemeRessource</strong>. These ressources were loaded in a 
<strong>layoutProperties</strong> variable and used directly by decorator 
screens and ftl templates.</p>
-<h2 id="now-with-the-common-theme">Now with the common-theme</h2>
-<p>All this logic is still present in the common-theme template to keep 
backward compatibility, but the VisualThemeRessource is now useless and 
properties have been migrated to the Theme definition in the part 
<strong>theme-properties</strong> ### Example with BlueLight The blue light 
theme has been these properties in VisualThemeRessource :</p>
-<div class="sourceCode" id="cb14"><pre class="sourceCode xml"><code 
class="sourceCode xml"><a class="sourceLine" id="cb14-1" data-line-number="1">  
  <span class="kw">&lt;VisualTheme</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> visualThemeSetId=</span><span 
class="st">&quot;BACKOFFICE&quot;</span><span class="ot"> 
description=</span><span class="st">&quot;BlueLight Theme: breadcrumbs, 
drop-down menus and rounded corners&quot; [...]
-<a class="sourceLine" id="cb14-2" data-line-number="2">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_NAME&quot;</span><span class="ot"> 
resourceValue=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> sequenceId=</span><span class="st">&quot;01&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb14-3" data-line-number="3">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_IMAGE_URL&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/images/ofbiz_logo.png&quot;</span><span class="ot"> 
sequenceId=</span><span class="st">&quot;01&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb14-4" data-line-number="4">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_SHORTCUT_ICON&quot;</span><span class="ot"> 
resourceValue=</span><span class="st">&quot;/images/ofbiz.ico&quot;</span><span 
class="ot"> sequenceId=</span><span class="st">&quot;01&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb14-5" data-line-number="5">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_SCREENSHOT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/bluelight/screenshot.jpg&quot;</span><span class="ot"> 
sequenceId=</span><span class="st">&quot;01&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb14-6" data-line-number="6"></a>
-<a class="sourceLine" id="cb14-7" data-line-number="7">    <span 
class="co">&lt;!-- CSS references --&gt;</span></a>
-<a class="sourceLine" id="cb14-8" data-line-number="8">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_STYLESHEET&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/bluelight/style.css&quot;</span><span class="ot"> 
sequenceId=</span><span class="st">&quot;01&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb14-9" data-line-number="9">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HELPSTYLESHEET&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/bluelight/help.css&quot;</span><span class="ot"> 
sequenceId=</span><span class="st">&quot;01&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb14-10" data-line-number="10">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_DOCBOOKSTYLESHEET&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/bluelight/webapp/bluelight/docbook.css&quot;</span><span 
class="ot"> sequenceId=</span><span class="st">&quot;01&quot;</span><span 
class= [...]
-<a class="sourceLine" id="cb14-11" data-line-number="11">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_STYLESHEET&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/jquery/plugins/asmselect/jquery.asmselect-1.0.4a-beta.css&quot;</span><span
 class="ot"> sequenceId=</span><span class="st">&quot;02&qu [...]
-<a class="sourceLine" id="cb14-12" data-line-number="12"></a>
-<a class="sourceLine" id="cb14-13" data-line-number="13">    <span 
class="co">&lt;!-- Javascript references --&gt;</span></a>
-<a class="sourceLine" id="cb14-14" data-line-number="14">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/jquery/jquery-1.11.0.min.js&quot;</span><span 
class="ot"> sequenceId=</span><span class="st">&quot;01&quot;</span><span 
class="kw" [...]
-<a class="sourceLine" id="cb14-15" data-line-number="15">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/jquery/jquery-migrate-1.2.1.js&quot;</span><span 
class="ot"> sequenceId=</span><span class="st">&quot;02&quot;</span><span 
class=" [...]
-<a class="sourceLine" id="cb14-16" data-line-number="16">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/jquery/ui/js/jquery-ui-1.10.3.min.js&quot;</span><span
 class="ot"> sequenceId=</span><span class="st">&quot;03&quot;</span><span c 
[...]
-<a class="sourceLine" id="cb14-17" data-line-number="17">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/jquery/plugins/asmselect/jquery.asmselect-1.0.4a-beta.js&quot;</span><span
 class="ot"> sequenceId=</span><span class="st">&quot;05 [...]
-<a class="sourceLine" id="cb14-18" data-line-number="18">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/jquery/plugins/datetimepicker/jquery-ui-timepicker-addon.min-1.4.3.js&quot;</span><span
 class="ot"> sequenceId=</span><span class= [...]
-<a class="sourceLine" id="cb14-19" data-line-number="19">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/jquery/plugins/fjTimer/jquerytimer-min.js&quot;</span><span
 class="ot"> sequenceId=</span><span class="st">&quot;09&quot;</span><s [...]
-<a class="sourceLine" id="cb14-20" data-line-number="20">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/jquery/plugins/mask/jquery.mask-1.14.13.min.js&quot;</span><span
 class="ot"> sequenceId=</span><span class="st">&quot;10&quot;</sp [...]
-<a class="sourceLine" id="cb14-21" data-line-number="21">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/jquery/plugins/jeditable/jquery.jeditable-1.7.3.js&quot;</span><span
 class="ot"> sequenceId=</span><span class="st">&quot;11&quot; [...]
-<a class="sourceLine" id="cb14-22" data-line-number="22">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/jquery/plugins/validate/jquery.validate.min.js&quot;</span><span
 class="ot"> sequenceId=</span><span class="st">&quot;12&quot;</sp [...]
-<a class="sourceLine" id="cb14-23" data-line-number="23">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/plugins/OpenLayers-2.13.1.js&quot;</span><span 
class="ot"> sequenceId=</span><span class="st">&quot;13&quot;</span><span 
class="kw [...]
-<a class="sourceLine" id="cb14-24" data-line-number="24">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/util/OfbizUtil.js&quot;</span><span class="ot"> 
sequenceId=</span><span class="st">&quot;15&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb14-25" data-line-number="25">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/util/fieldlookup.js&quot;</span><span class="ot"> 
sequenceId=</span><span class="st">&quot;16&quot;</span><span 
class="kw">/&gt;</ [...]
-<a class="sourceLine" id="cb14-26" data-line-number="26">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/plugins/date/date.format-1.2.3-min.js&quot;</span><span
 class="ot"> sequenceId=</span><span class="st">&quot;17&quot;</span><span  
[...]
-<a class="sourceLine" id="cb14-27" data-line-number="27">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/plugins/date/date.timezone-min.js&quot;</span><span 
class="ot"> sequenceId=</span><span class="st">&quot;18&quot;</span><span clas 
[...]
-<a class="sourceLine" id="cb14-28" data-line-number="28">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/util/miscAjaxFunctions.js&quot;</span><span 
class="ot"> sequenceId=</span><span class="st">&quot;19&quot;</span><span 
class="kw">/ [...]
-<a class="sourceLine" id="cb14-29" data-line-number="29">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/util/selectMultipleRelatedValues.js&quot;</span><span
 class="ot"> sequenceId=</span><span class="st">&quot;20&quot;</span><span cl 
[...]
-<a class="sourceLine" id="cb14-30" data-line-number="30">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/util/util.js&quot;</span><span class="ot"> 
sequenceId=</span><span class="st">&quot;21&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb14-31" data-line-number="31">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/common/js/plugins/date/FromThruDateCheck.js&quot;</span><span 
class="ot"> sequenceId=</span><span class="st">&quot;22&quot;</span><span clas 
[...]
-<a class="sourceLine" id="cb14-32" data-line-number="32">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;/bluelight/dropdown.js&quot;</span><span class="ot"> 
sequenceId=</span><span class="st">&quot;30&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb14-33" data-line-number="33"></a>
-<a class="sourceLine" id="cb14-34" data-line-number="34">    <span 
class="co">&lt;!-- ftl references --&gt;</span></a>
-<a class="sourceLine" id="cb14-35" data-line-number="35">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_HDR_TMPLT_LOC&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;component://bluelight/template/Header.ftl&quot;</span><span 
class="ot"> sequenceId=</span><span class="st">&quot;01&quot;</span><span 
class="k [...]
-<a class="sourceLine" id="cb14-36" data-line-number="36">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_FTR_TMPLT_LOC&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;component://bluelight/template/Footer.ftl&quot;</span><span 
class="ot"> sequenceId=</span><span class="st">&quot;01&quot;</span><span 
class="k [...]
-<a class="sourceLine" id="cb14-37" data-line-number="37">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_NAV_OPEN_TMPLT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;component://bluelight/template/AppBarOpen.ftl&quot;</span><span
 class="ot"> sequenceId=</span><span class="st">&quot;01&quot;</span><span cla 
[...]
-<a class="sourceLine" id="cb14-38" data-line-number="38">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_NAV_CLOSE_TMPLT&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;component://bluelight/template/AppBarClose.ftl&quot;</span><span
 class="ot"> sequenceId=</span><span class="st">&quot;01&quot;</span><span c 
[...]
-<a class="sourceLine" id="cb14-39" data-line-number="39">    <span 
class="kw">&lt;VisualThemeResource</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> resourceTypeEnumId=</span><span 
class="st">&quot;VT_MSG_TMPLT_LOC&quot;</span><span class="ot"> 
resourceValue=</span><span 
class="st">&quot;component://bluelight/template/Messages.ftl&quot;</span><span 
class="ot"> sequenceId=</span><span class="st">&quot;01&quot;</span><span 
class= [...]
-<p>Now it’s just</p>
-<div class="sourceCode" id="cb15"><pre class="sourceCode xml"><code 
class="sourceCode xml"><a class="sourceLine" id="cb15-1" data-line-number="1">  
  <span class="kw">&lt;VisualTheme</span><span class="ot"> 
visualThemeId=</span><span class="st">&quot;BLUELIGHT&quot;</span><span 
class="ot"> visualThemeSetId=</span><span 
class="st">&quot;BACKOFFICE&quot;</span><span 
class="kw">/&gt;</span></a></code></pre></div>
-<p>And on theme definition</p>
-<div class="sourceCode" id="cb16"><pre class="sourceCode xml"><code 
class="sourceCode xml"><a class="sourceLine" id="cb16-1" data-line-number="1">  
  <span class="kw">&lt;theme-properties&gt;</span></a>
-<a class="sourceLine" id="cb16-2" data-line-number="2">        <span 
class="co">&lt;!--javascript lib--&gt;</span></a>
-<a class="sourceLine" id="cb16-3" data-line-number="3">        <span 
class="kw">&lt;property</span><span class="ot"> name=</span><span 
class="st">&quot;VT_HDR_JAVASCRIPT[&#39;add&#39;]&quot;</span><span class="ot"> 
value=</span><span class="st">&quot;/bluelight/dropdown.js&quot;</span><span 
class="ot"> sequenceId=</span><span class="st">&quot;30&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb16-4" data-line-number="4">        <span 
class="co">&lt;!--Css style--&gt;</span></a>
-<a class="sourceLine" id="cb16-5" data-line-number="5">        <span 
class="kw">&lt;property</span><span class="ot"> name=</span><span 
class="st">&quot;VT_STYLESHEET[&#39;add&#39;]&quot;</span><span class="ot"> 
value=</span><span class="st">&quot;/bluelight/style.css&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb16-6" data-line-number="6">        <span 
class="kw">&lt;property</span><span class="ot"> name=</span><span 
class="st">&quot;VT_HELPSTYLESHEET[&#39;add&#39;]&quot;</span><span class="ot"> 
value=</span><span class="st">&quot;/bluelight/help.css&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb16-7" data-line-number="7">        <span 
class="kw">&lt;property</span><span class="ot"> name=</span><span 
class="st">&quot;VT_DOCBOOKSTYLESHEET[&#39;add&#39;]&quot;</span><span 
class="ot"> value=</span><span 
class="st">&quot;/bluelight/webapp/bluelight/docbook.css&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb16-8" data-line-number="8">        <span 
class="co">&lt;!--template location--&gt;</span></a>
-<a class="sourceLine" id="cb16-9" data-line-number="9">        <span 
class="kw">&lt;property</span><span class="ot"> name=</span><span 
class="st">&quot;VT_HDR_TMPLT_LOC&quot;</span><span class="ot"> 
value=</span><span 
class="st">&quot;component://bluelight/template/Header.ftl&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb16-10" data-line-number="10">        <span 
class="kw">&lt;property</span><span class="ot"> name=</span><span 
class="st">&quot;VT_FTR_TMPLT_LOC&quot;</span><span class="ot"> 
value=</span><span 
class="st">&quot;component://bluelight/template/Footer.ftl&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb16-11" data-line-number="11">        <span 
class="kw">&lt;property</span><span class="ot"> name=</span><span 
class="st">&quot;VT_NAV_OPEN_TMPLT&quot;</span><span class="ot"> 
value=</span><span 
class="st">&quot;component://bluelight/template/AppBarOpen.ftl&quot;</span><span
 class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb16-12" data-line-number="12">        <span 
class="kw">&lt;property</span><span class="ot"> name=</span><span 
class="st">&quot;VT_NAV_CLOSE_TMPLT&quot;</span><span class="ot"> 
value=</span><span 
class="st">&quot;component://bluelight/template/AppBarClose.ftl&quot;</span><span
 class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb16-13" data-line-number="13">        <span 
class="kw">&lt;property</span><span class="ot"> name=</span><span 
class="st">&quot;VT_MSG_TMPLT_LOC&quot;</span><span class="ot"> 
value=</span><span 
class="st">&quot;component://bluelight/template/Messages.ftl&quot;</span><span 
class="kw">/&gt;</span></a>
-<a class="sourceLine" id="cb16-14" data-line-number="14">    <span 
class="kw">&lt;/theme-properties&gt;</span></a></code></pre></div>
-<p>Values with <strong>/images/…</strong> have been moved to the common-theme 
that bluelight extends, the theme definition keeps only what the theme adds to 
the extended theme.</p>
-<blockquote>
-<p><em>Note</em> property name supports the FlexibleMapAccessor syntax, so you 
can continue to populate a list (VT_STYLESHEET[‘add’]), reset a list 
(VT_STYLESHEET[]) or add an element on the top list (VT_STYLESHEET[+0]) because 
some time the order libraries loading is important</p>
-</blockquote>
-<h3 id="migrate-you-own-theme">Migrate you own theme</h3>
-<p>Easily, create you Theme.xml and move your VisualThemeResource in 
<strong>theme-properties</strong> like in the BlueLight example above. Maybe 
you will need to update your template because the modelTheme return ressources 
not always as list. So : <code>&lt;property name=&quot;VT_HDR_TMPLT_LOC&quot; 
value=&quot;component://bluelight/template/Header.ftl&quot;/&gt;</code> -&gt; 
return a String with <code>component://bluelight/template/Header.ftl</code> 
<code>&lt;property name=&quot;VT_ST [...]
-</body>
-</html>

Reply via email to