An error occurred while processing the template.
The following has evaluated to null or missing:
==> imgClass [in template "10110#2640274#72789502" at line 218, 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 218, 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 flex-shrink: 0
113 }
114 .${randomNamespace}container .external-link {
115 display: flex;
116 justify-content: center;
117 align-items: center;
118 font-size: 24px;
119 width: 50px;
120 height: 50px;
121 border-radius: 40px;
122 background-color: #007CB1;
123 background-size: 24px 24px;
124 flex-shrink: 0
125 }
126 .${randomNamespace}container .row-links {
127 display: flex;
128 justify-content: space-between;
129 gap: 8px;
130 width: 100%;
131 margin: 0 auto;
132 }
133 .${randomNamespace}container .links-container:last-child {
134 margin-right: 0;
135 }
136 .${randomNamespace}container .social-container {
137 margin-top: 128px;
138 margin-bottom: 64px;
139 }
140 @media (max-width: 991px) {
141 .${randomNamespace}container .img1-container, .${randomNamespace}container .img2-container {
142 width: 344px;
143 height: auto;
144 }
145 .${randomNamespace}container .img1-container {
146 margin-bottom: 8px;
147 }
148 .${randomNamespace}container .img-container {
149 margin-bottom: 32px;
150 border-radius: 8px;
151 height: 265px;
152 }
153 .${randomNamespace}container .attachment-container {
154 margin-bottom: 8px;
155 }
156 .${randomNamespace}container .links-container {
157 margin-bottom: 16px;
158 }
159 .${randomNamespace}container .double-banner{
160 margin-bottom: 64px;
161 }
162 .${randomNamespace}container .container-attachments-title, .${randomNamespace}container .container-links-title {
163 display: flex;
164 font-size: 36px;
165 font-weight: 300;
166 margin-bottom: 24px;
167 }
168 .${randomNamespace}container .custom-attachments-container {
169 margin-bottom:64px;
170 }
171 .${randomNamespace}container .social-container {
172 margin-top: 64px;
173 margin-bottom: 48px;
174 }
175 }
176</style>
177<div class="${randomNamespace} container-fluid w-100 px-0 d-flex flex-column align-items-center justify-content-center">
178 <div class="position-absolute text-center">
179 <#assign Header_Date_Data = getterUtil.getString(Header.Date.getData())>
180 <#if validator.isNotNull(Header_Date_Data)>
181 <#assign Header_Date_DateObj = dateUtil.parseDate("yyyy-MM-dd", Header_Date_Data, locale)>
182 <div class="banner-date">${dateUtil.getDate(Header_Date_DateObj, "dd MMMM yyyy", locale)}</div>
183 </#if>
184 <div class="banner-title">${Header.Title.getData()}</div>
185 </div>
186</div>
187<div class="${randomNamespace}container container news-container">
188
189 <div class="social-container d-flex flex-row justify-content-center g-3 pb-5 pb-lg-0">
190 <a class="social spa-social" target="_blank" href="https://www.instagram.com/clivetspa1989/">
191 <img alt="Instagram logo" src="/o/clivet-liferay-nuance-theme/images/social/instagram.svg">
192 </a>
193 <a class="social spa-social" target="_blank" href="https://www.facebook.com/ClivetSPA/">
194 <img alt="Facebook logo" src="/o/clivet-liferay-nuance-theme/images/social/facebook.svg">
195 </a>
196 <a class="social spa-social" target="_blank" href="https://x.com/ClivetSpA">
197 <img alt="Twitter logo" src="/o/clivet-liferay-nuance-theme/images/social/twitter.svg">
198 </a>
199 <a class="social spa-social" target="_blank" href="https://www.linkedin.com/company/clivet-spa/">
200 <img alt="Linkedin logo" src="/o/clivet-liferay-nuance-theme/images/social/linkedin.svg">
201 </a>
202 </div>
203
204 <div class="content-article">
205 <#if Abstract.getData()?trim?has_content>
206 <div class="news-article-abstract">${Abstract.getData()}</div>
207 </#if>
208 </div>
209 <#if ImagePosition?? && (ImagePosition.getData() != "" && ImagePosition.getData() == "opzione93795976")> <!--right -->
210 <#assign imgClass = "col-12 col-lg-6 order-2 pl-3 text-right" />
211 <#assign contentClass = "col-12 col-lg-6 order-1" />
212 <#elseif ImagePosition?? && (ImagePosition.getData() != "" && ImagePosition.getData() == "opzione16176523")> <!--left -->
213 <#assign imgClass = "col-12 col-lg-6 order-1 pr-3 text-left" />
214 <#assign contentClass = "col-12 col-lg-6 order-2" />
215 </#if>
216 <div class="container article-details">
217 <div class="row">
218 <div class="${imgClass} img-container">
219 <#if Image.getData()?? && Image.getData() != "">
220 <img src="${Image.getData()}">
221 </#if>
222 </div>
223 <#if Content.getData()?trim?has_content>
224 <div class="${contentClass}">
225 <div class="base-article-content">${Content.getData()}</div>
226 <#if (LinkText.getData())?? && LinkText.getData() != "" && (PageLink.getData())??>
227 <a data-senna-off="true" class="article-link" href="${PageLink.getFriendlyUrl()}">${LinkText.getData()}</a>
228 </#if>
229 </div>
230 </#if>
231 </div>
232 </div>
233 <div class="container base-article-content">
234 <#if LongContent.getData()?trim?has_content>
235 <div class="news-article-long-content">${LongContent.getData()}</div>
236 </#if>
237 </div>
238 <#if Img1.getData()?? && Img1.getData() != "" || Img2.getData()?? && Img2.getData() != "">
239 <div class="container double-banner">
240 <div class="row flex-column flex-lg-row">
241 <#if Img1.getData()?? && Img1.getData() != "">
242 <div class="img1-container">
243 <img src="${Img1.getData()}">
244 </div>
245 </#if>
246 <#if Img2.getData()?? && Img2.getData() != "">
247 <div class="img2-container">
248 <img src="${Img2.getData()}">
249 </div>
250 </#if>
251 </div>
252 </div>
253 </#if>
254 <#if Attachments.getSiblings()?has_content>
255 <div class="container custom-attachments-container">
256 <#list Attachments.getSiblings() as cur_Attachments>
257 <#if cur_Attachments.TitleAttachment.getData()?trim != "">
258 <div class="container-attachments-title">${Attachments.getName()}</div>
259 <div class="attachment-container d-flex justify-content-between align-items-center">
260 <div class="attachment-title">${cur_Attachments.TitleAttachment.getData()}</div>
261 <a class="attachment-link" href="${cur_Attachments.UrlAttachment.getData()}" target="_blank"></a>
262 </div>
263 </#if>
264 </#list>
265 </div>
266 </#if>
267 <#if Link.getSiblings()?has_content>
268 <div class="container custom-links-container mt-5">
269 <div class="container-links-title d-none">${Link.getName()}</div>
270 <div class="row">
271 <#list Link.getSiblings() as cur_Link>
272 <#if cur_Link.TitleLink.getData()?trim != "">
273 <div class="col-12 col-md-6">
274 <div class="links-container d-flex justify-content-between align-items-center">
275 <div class="link-title">${cur_Link.TitleLink.getData()}</div>
276 <a class="external-link" style="color:white !important;" href="${cur_Link.UrlLink.getData()}" target="_blank">></a>
277 </div>
278 </div>
279 </#if>
280 </#list>
281 </div>
282 </div>
283 </#if>
284
285</div>