An error occurred while processing the template.
The following has evaluated to null or missing:
==> imgClass [in template "10110#2640274#72789502" at line 216, column 24]
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: ${imgClass} [in template "10110#2640274#72789502" at line 216, column 22]
----
1<style>
2 .${randomNamespace} {
3 height: 510px;
4 background-color: #007CB1;
5 margin: 0;
6 }
7 .${randomNamespace} .banner-date {
8 color: #717171;
9 font-size: 16px;
10 font-weight: 400;
11 background-color: #FFF;
12 padding: 12px 24px;
13 border-radius: 40px;
14 margin-bottom: 32px;
15 display: inline-block;
16 }
17 .${randomNamespace} .banner-title {
18 font-size: 48px;
19 font-weight: 300;
20 color: #fff;
21 display: flex;
22 align-self: stretch;
23 }
24 .${randomNamespace}container .content-article, .${randomNamespace}container .article-details{
25 margin-bottom: 64px;
26 }
27 .${randomNamespace}container .news-article-abstract {
28 color: #000;
29 font-size: 16px;
30 font-weight: 400;
31 }
32 .${randomNamespace}container .base-article-content h3 {
33 color: #007CB1;
34 text-edge: cap;
35 font-size: 32px;
36 font-weight: 400;
37 }
38 .${randomNamespace}container .base-article-content {
39 color: #000;
40 font-size: 16px;
41 font-weight: 400;
42 }
43 .${randomNamespace}container .img1-container {
44 width: 706px;
45 border-radius: 8px;
46 margin-right: 8px;
47 }
48 .img-container {
49 width: 587px;
50 height: 453px;
51 }
52 .${randomNamespace}container img {
53 border-radius: 8px;
54 }
55 .${randomNamespace}container .img1-container,
56 .${randomNamespace}container .img2-container {
57 flex-shrink: 0;
58 border-radius: 8px;
59 height: 700px;
60 }
61 .${randomNamespace}container .img2-container {
62 width: 468px;
63 flex-shrink: 0;
64 border-radius: 8px;
65 }
66 .${randomNamespace}container .double-banner{
67 display: flex;
68 align-items: center;
69 margin-top:64px;
70 margin-bottom: 128px;
71 }
72 .${randomNamespace}container .container-attachments-title, .${randomNamespace}container .container-links-title {
73 display: flex;
74 justify-content: center;
75 align-items: center;
76 color: #000;
77 font-size: 48px;
78 font-weight: 300;
79 margin-bottom: 48px;
80 }
81 .${randomNamespace}container .attachment-container{
82 display: flex;
83 height: 150px;
84 padding: 32px;
85 justify-content: flex-start;
86 align-items: center;
87 border-radius: 8px;
88 border: 1px solid #E7E7E7;
89 margin-bottom: 64px;
90 }
91 .${randomNamespace}container .links-container {
92 display: flex;
93 height: 100px;
94 padding: 32px;
95 justify-content: center;
96 align-items: center;
97 border-radius: 8px;
98 border: 1px solid #E7E7E7;
99 margin-bottom: 48px;
100 flex-grow: 1;
101 margin-right: 8px;
102 }
103 .${randomNamespace}container .attachment-link {
104 width: 50px;
105 height: 50px;
106 border-radius: 40px;
107 background-color: #007CB1;
108 background-image: url('/o/clivet-liferay-nuance-theme/images/icons/download.svg');
109 background-position: center center;
110 background-repeat: no-repeat;
111 background-size: 24px 24px;
112 }
113 .${randomNamespace}container .external-link {
114 display: flex;
115 justify-content: center;
116 align-items: center;
117 font-size: 24px;
118 width: 50px;
119 height: 50px;
120 border-radius: 40px;
121 background-color: #007CB1;
122 background-size: 24px 24px;
123 }
124 .${randomNamespace}container .row-links {
125 display: flex;
126 justify-content: space-between;
127 gap: 8px;
128 width: 100%;
129 margin: 0 auto;
130 }
131 .${randomNamespace}container .links-container:last-child {
132 margin-right: 0;
133 }
134 .${randomNamespace}container .social-container {
135 margin-top: 128px;
136 margin-bottom: 64px;
137 }
138 @media (max-width: 991px) {
139 .${randomNamespace}container .img1-container, .${randomNamespace}container .img2-container {
140 width: 344px;
141 height: auto;
142 }
143 .${randomNamespace}container .img1-container {
144 margin-bottom: 8px;
145 }
146 .${randomNamespace}container .img-container {
147 margin-bottom: 32px;
148 border-radius: 8px;
149 height: 265px;
150 }
151 .${randomNamespace}container .attachment-container {
152 margin-bottom: 8px;
153 }
154 .${randomNamespace}container .links-container {
155 margin-bottom: 16px;
156 }
157 .${randomNamespace}container .double-banner{
158 margin-bottom: 64px;
159 }
160 .${randomNamespace}container .container-attachments-title, .${randomNamespace}container .container-links-title {
161 display: flex;
162 font-size: 36px;
163 font-weight: 300;
164 margin-bottom: 24px;
165 }
166 .${randomNamespace}container .custom-attachments-container {
167 margin-bottom:64px;
168 }
169 .${randomNamespace}container .social-container {
170 margin-top: 64px;
171 margin-bottom: 48px;
172 }
173 }
174</style>
175<div class="${randomNamespace} container-fluid w-100 px-0 d-flex flex-column align-items-center justify-content-center">
176 <div class="position-absolute text-center">
177 <#assign Header_Date_Data = getterUtil.getString(Header.Date.getData())>
178 <#if validator.isNotNull(Header_Date_Data)>
179 <#assign Header_Date_DateObj = dateUtil.parseDate("yyyy-MM-dd", Header_Date_Data, locale)>
180 <div class="banner-date">${dateUtil.getDate(Header_Date_DateObj, "dd MMMM yyyy", locale)}</div>
181 </#if>
182 <div class="banner-title">${Header.Title.getData()}</div>
183 </div>
184</div>
185<div class="${randomNamespace}container container news-container">
186
187 <div class="social-container d-flex flex-row justify-content-center g-3 pb-5 pb-lg-0">
188 <a class="social spa-social" target="_blank" href="https://www.instagram.com/clivetspa1989/">
189 <img alt="Instagram logo" src="/o/clivet-liferay-nuance-theme/images/social/instagram.svg">
190 </a>
191 <a class="social spa-social" target="_blank" href="https://www.facebook.com/ClivetSPA/">
192 <img alt="Facebook logo" src="/o/clivet-liferay-nuance-theme/images/social/facebook.svg">
193 </a>
194 <a class="social spa-social" target="_blank" href="https://x.com/ClivetSpA">
195 <img alt="Twitter logo" src="/o/clivet-liferay-nuance-theme/images/social/twitter.svg">
196 </a>
197 <a class="social spa-social" target="_blank" href="https://www.linkedin.com/company/clivet-spa/">
198 <img alt="Linkedin logo" src="/o/clivet-liferay-nuance-theme/images/social/linkedin.svg">
199 </a>
200 </div>
201
202 <div class="content-article">
203 <#if Abstract.getData()?trim?has_content>
204 <div class="news-article-abstract">${Abstract.getData()}</div>
205 </#if>
206 </div>
207 <#if ImagePosition?? && (ImagePosition.getData() != "" && ImagePosition.getData() == "opzione93795976")> <!--right -->
208 <#assign imgClass = "col-12 col-lg-6 order-2 pl-3 text-right" />
209 <#assign contentClass = "col-12 col-lg-6 order-1" />
210 <#elseif ImagePosition?? && (ImagePosition.getData() != "" && ImagePosition.getData() == "opzione16176523")> <!--left -->
211 <#assign imgClass = "col-12 col-lg-6 order-1 pr-3 text-left" />
212 <#assign contentClass = "col-12 col-lg-6 order-2" />
213 </#if>
214 <div class="container article-details">
215 <div class="row">
216 <div class="${imgClass} img-container">
217 <#if Image.getData()?? && Image.getData() != "">
218 <img src="${Image.getData()}">
219 </#if>
220 </div>
221 <#if Content.getData()?trim?has_content>
222 <div class="${contentClass}">
223 <div class="base-article-content">${Content.getData()}</div>
224 <#if (LinkText.getData())?? && LinkText.getData() != "" && (PageLink.getData())??>
225 <a data-senna-off="true" class="article-link" href="${PageLink.getFriendlyUrl()}">${LinkText.getData()}</a>
226 </#if>
227 </div>
228 </#if>
229 </div>
230 </div>
231 <div class="container base-article-content">
232 <#if LongContent.getData()?trim?has_content>
233 <div class="news-article-long-content">${LongContent.getData()}</div>
234 </#if>
235 </div>
236 <#if Img1.getData()?? && Img1.getData() != "" || Img2.getData()?? && Img2.getData() != "">
237 <div class="container double-banner">
238 <div class="row flex-column flex-lg-row">
239 <#if Img1.getData()?? && Img1.getData() != "">
240 <div class="img1-container">
241 <img src="${Img1.getData()}">
242 </div>
243 </#if>
244 <#if Img2.getData()?? && Img2.getData() != "">
245 <div class="img2-container">
246 <img src="${Img2.getData()}">
247 </div>
248 </#if>
249 </div>
250 </div>
251 </#if>
252 <#if Attachments.getSiblings()?has_content>
253 <div class="container custom-attachments-container">
254 <#list Attachments.getSiblings() as cur_Attachments>
255 <#if cur_Attachments.TitleAttachment.getData()?trim != "">
256 <div class="container-attachments-title">${Attachments.getName()}</div>
257 <div class="attachment-container d-flex justify-content-between align-items-center">
258 <div class="attachment-title">${cur_Attachments.TitleAttachment.getData()}</div>
259 <a class="attachment-link" href="${cur_Attachments.UrlAttachment.getData()}" target="_blank"></a>
260 </div>
261 </#if>
262 </#list>
263 </div>
264 </#if>
265 <#if Link.getSiblings()?has_content>
266 <div class="container custom-links-container mt-5">
267 <div class="container-links-title d-none">${Link.getName()}</div>
268 <div class="row">
269 <#list Link.getSiblings() as cur_Link>
270 <#if cur_Link.TitleLink.getData()?trim != "">
271 <div class="col-12 col-md-6">
272 <div class="links-container d-flex justify-content-between align-items-center">
273 <div class="link-title">${cur_Link.TitleLink.getData()}</div>
274 <a class="external-link" style="color:white !important;" href="${cur_Link.UrlLink.getData()}" target="_blank">></a>
275 </div>
276 </div>
277 </#if>
278 </#list>
279 </div>
280 </div>
281 </#if>
282
283</div>