<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<style type="text/css" style="display:none"><!-- p { margin-top: 0px; margin-bottom: 0px; } @font-face { font-family: Wingdings; } @font-face { font-family: "Cambria Math"; } @font-face { font-family: Calibri; } p.MsoNormal, li.MsoNormal, div.MsoNormal { margin: 0cm 0cm 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif; } a:link, span.MsoHyperlink { color: rgb(5, 99, 193); text-decoration: underline; } a:visited, span.MsoHyperlinkFollowed { color: rgb(149, 79, 114); text-decoration: underline; } p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph { margin: 0cm 0cm 0.0001pt 36pt; font-size: 11pt; font-family: Calibri, sans-serif; } p.msonormal0, li.msonormal0, div.msonormal0 { margin: 0cm 0cm 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif; } p.msonormal00, li.msonormal00, div.msonormal00 { margin: 0cm 0cm 0.0001pt; font-size: 11pt; font-family: Calibri, sans-serif; } p.msochpdefault, li.msochpdefault, div.msochpdefault { margin: 0cm 0cm 0.0001pt; font-size: 10pt; font-family: Calibri, sans-serif; } span.style-mailovzprvy18 { font-family: Calibri, sans-serif; color: windowtext; } span.style-mailovzprvy19 { font-family: Calibri, sans-serif; color: windowtext; } span.StylE-mailovZprvy24 { font-family: Calibri, sans-serif; color: windowtext; } .MsoChpDefault { font-size: 10pt; } @page WordSection1 { margin: 72pt; } div.WordSection1 { } ol { margin-bottom: 0cm; } ul { margin-bottom: 0cm; }--></style>
</head>
<body dir="ltr" style="font-size:12pt;color:#000000;background-color:#FFFFFF;font-family:Calibri,Arial,Helvetica,sans-serif;">
<p>Hello Filip,<br>
</p>
<p><br>
</p>
<p>load order is ok, lightgallery.js is not working properly with OpenCMS when not placed in the head section.</p>
<p>You can try it on your own and see.<br>
</p>
<p><br>
</p>
<p>Best regards,<br>
</p>
<p>Jan Knezik<br>
</p>
<p><br>
</p>
<p><br>
</p>
<div style="color: rgb(33, 33, 33);">
<hr tabindex="-1" style="display:inline-block; width:98%">
<div id="divRplyFwdMsg" dir="ltr"><font face="Calibri, sans-serif" color="#000000" style="font-size:11pt"><b>Od:</b> opencms-dev-bounces@opencms.org <opencms-dev-bounces@opencms.org> za uživatele Filip Kratochvil <filip.kratochvil@nelasoft.cz><br>
<b>Odesláno:</b> 2. ledna 2018 15:20<br>
<b>Komu:</b> 'The OpenCms mailing list'<br>
<b>Předmět:</b> Re: [opencms-dev] Condition for headincludes tag</font>
<div> </div>
</div>
<div>
<div class="WordSection1">
<p class="MsoNormal"><span style="">Hello Jan,</span></p>
<p class="MsoNormal"><span style=""> </span></p>
<p class="MsoNormal"><span style="">you just need to keep right order to load JS: jQuery > Component > Initialization</span></p>
<p class="MsoNormal"><span style=""> </span></p>
<p class="MsoNormal"><span style="">I think the problem is you are trying to init component before is it loaded on the page, right? You have this options:</span></p>
<p class="MsoNormal"><span style=""> </span></p>
<ul type="disc" style="margin-top:0cm">
<li class="MsoListParagraph" style="margin-left:0cm"><span style="">Init components at the end of the page (only set variables in the formatters) – it can be added to the main apollo JS script (you need to build modified apollo JS)</span></li><li class="MsoListParagraph" style="margin-left:0cm"><span style="">Load both - component and init script - in the formatters configuration, it will be loaded after the jQuery so it should work</span></li><li class="MsoListParagraph" style="margin-left:0cm"><span style="">You can move headincludes from the end of the page to the page header in the apollo JSP template, but i don</span><span lang="EN-US" style="">’t think it is good approach (in some cases it
will do the job without “extra work”)</span><span style=""></span></li></ul>
<p class="MsoNormal"><span style=""> </span></p>
<div>
<p class="MsoNormal"><span lang="EN-GB" style="font-size:12.0pt; color:black; background:white">--<br>
S pozdravem / </span><span lang="EN-US" style="font-size:12.0pt; color:black; background:white">Kind regards</span><span lang="EN-GB" style="font-size:12.0pt; color:black; background:white"><br>
Filip Kratochvil</span><span lang="EN-GB"></span></p>
</div>
<p class="MsoNormal"><span style=""> </span></p>
<div>
<div style="border:none; border-top:solid #E1E1E1 1.0pt; padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b>Od:</b> opencms-dev-bounces@opencms.org [mailto:opencms-dev-bounces@opencms.org]
<b>za uživatele </b>Knezik Jan<br>
<b>Odesláno:</b> 01 January 2018 12:47<br>
<b>Komu:</b> 'The OpenCms mailing list' <opencms-dev@opencms.org><br>
<b>Předmět:</b> Re: [opencms-dev] Condition for headincludes tag</p>
</div>
</div>
<p class="MsoNormal"> </p>
<p><span style="font-size:12.0pt; color:black">Hello Filip,</span></p>
<p><span style="font-size:12.0pt; color:black">you are right. Unfortunately, there are some libraries/components (ie lightgallery.js) which won't work properly unless placed in the page header.</span></p>
<p><span style="font-size:12.0pt; color:black"></span></p>
<p><span style="font-size:12.0pt; color:black">Jan Knezik</span></p>
<p><span style="font-size:12.0pt; color:black"> </span></p>
<div>
<div class="MsoNormal" align="center" style="text-align:center"><span style="font-size:12.0pt; color:#212121">
<hr size="2" width="98%" align="center">
</span></div>
<div id="divRplyFwdMsg">
<p class="MsoNormal"><b><span style="color:black">Od:</span></b><span style="color:black">
<a href="mailto:opencms-dev-bounces@opencms.org">opencms-dev-bounces@opencms.org</a> <<a href="mailto:opencms-dev-bounces@opencms.org">opencms-dev-bounces@opencms.org</a>> za uživatele Filip Kratochvil <<a href="mailto:filip.kratochvil@nelasoft.cz">filip.kratochvil@nelasoft.cz</a>><br>
<b>Odesláno:</b> 22. prosince 2017 17:50<br>
<b>Komu:</b> 'The OpenCms mailing list'<br>
<b>Předmět:</b> Re: [opencms-dev] Condition for headincludes tag</span><span style="font-size:12.0pt; color:#212121">
</span></p>
<div>
<p class="MsoNormal"><span style="font-size:12.0pt; color:#212121"> </span></p>
</div>
</div>
<div>
<div>
<p class="MsoNormal"><span style="color:#212121">Hello Jan,</span></p>
<p class="MsoNormal"><span style="color:#212121"> </span></p>
<p class="MsoNormal"><span style="color:#212121">no, you can‘t use any condition.</span></p>
<p class="MsoNormal"><span style="color:#212121"> </span></p>
<p class="MsoNormal"><span style="color:#212121">But if you will include css/js using formatter’s configuration described here:</span></p>
<p class="MsoNormal"><span style="color:#212121"><a href="http://documentation.opencms.org/opencms-documentation/content-in-opencms/formatters-and-their-configuration/index.html">http://documentation.opencms.org/opencms-documentation/content-in-opencms/formatters-and-their-configuration/index.html</a></span></p>
<p class="MsoNormal"><span style="color:#212121"> </span></p>
<p class="MsoNormal"><span style="color:#212121">you can make more than one formatter for one resource type. One formatter will include css/js, second will not include css/js.</span></p>
<p class="MsoNormal"><span style="color:#212121"> </span></p>
<div>
<p class="MsoNormal" style="margin-bottom:12.0pt"><span lang="EN-GB" style="font-size:12.0pt; color:black; background:white">--<br>
S pozdravem / </span><span lang="EN-US" style="font-size:12.0pt; color:black; background:white">Kind regards</span><span lang="EN-GB" style="font-size:12.0pt; color:black; background:white"><br>
Filip Kratochvil</span><span style="color:#212121"></span></p>
</div>
<p class="MsoNormal"><span style="color:#212121"> </span></p>
<div>
<div style="border:none; border-top:solid #E1E1E1 1.0pt; padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span style="color:#212121">Od:</span></b><span style="color:#212121">
<a href="mailto:opencms-dev-bounces@opencms.org">opencms-dev-bounces@opencms.org</a> [<a href="mailto:opencms-dev-bounces@opencms.org">mailto:opencms-dev-bounces@opencms.org</a>]
<b>za uživatele </b>Knezik Jan<br>
<b>Odesláno:</b> 22 December 2017 17:20<br>
<b>Komu:</b> <a href="mailto:opencms-dev@opencms.org">opencms-dev@opencms.org</a><br>
<b>Předmět:</b> [opencms-dev] Condition for headincludes tag</span></p>
</div>
</div>
<p class="MsoNormal"><span style="color:#212121"> </span></p>
<p class="MsoNormal"><span lang="EN-US" style="color:#212121">Hello,</span><span style="color:#212121"></span></p>
<p class="MsoNormal"><span lang="EN-US" style="color:#212121">I need a condition for including js and css files in xsd file (I am using headincludes tag). Is something like this available in OpenCMS?</span><span style="color:#212121"></span></p>
<p class="MsoNormal"><span lang="EN-US" style="color:#212121"> </span><span style="color:#212121"></span></p>
<p class="MsoNormal"><span lang="EN-US" style="color:#212121">Thank you very much,</span><span style="color:#212121"></span></p>
<p class="MsoNormal"><span lang="EN-US" style="color:#212121">Jan Knezik</span><span style="color:#212121"></span></p>
<p class="MsoNormal"><span lang="EN-US" style="color:#212121"> </span><span style="color:#212121"></span></p>
<p class="MsoNormal"><span lang="EN-US" style="color:#212121"> </span><span style="color:#212121"></span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>