An error occurred while processing the template.
The following has evaluated to null or missing: ==> ThumbnailImage [in template "20101#20128#3245089" at line 3, column 8] ---- 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: #if ThumbnailImage.getSiblings()?has_... [in template "20101#20128#3245089" at line 3, column 3] ----
1<#assign journalArticleId = .vars['reserved-article-id'].data />
2<div class="accordion" id="accordionExample">
3 <#if ThumbnailImage.getSiblings()?has_content>
4 <#list ThumbnailImage.getSiblings() as cur_ThumbnailImage>
5 <div class="accordion-item">
6 <h2 class="accordion-header">
7 <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne_${journalArticleId}" aria-expanded="true" aria-controls="collapseOne">
8
9
10 <#if (AccordionImage.getData())?? && AccordionImage.getData() != "">
11 <img class="accordion-title-image" alt="${AccordionImage.getAttribute("alt")}" data-fileentryid="${AccordionImage.getAttribute("fileEntryId")}" src="${AccordionImage.getData()}" />
12</#if>
13
14<div class="ml-4"><strong>${AccordionTitle.getData()}</strong></div>
15 </button>
16 </h2>
17 <div id="collapseOne_${journalArticleId}" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
18 <div class="accordion-body">
19 <div class=" px-5 pt-3 ">
20 <#if cur_ThumbnailImage.Title.getData()?? && cur_ThumbnailImage.Title.getData()?has_content>
21
22 </#if>
23 </div>
24 <div class="col-12 d-flex">
25 <div class="col-6 p-0 accordion-content">
26 <div>
27 <div class="accordionTitle pb-5">
28 ${ThumbnailImage.Title.getData()}
29 </div>
30
31 </div>
32 <div class="p-4">
33 <#if (cur_ThumbnailImage.getData())?? && cur_ThumbnailImage.getData() != "">
34 <img class="d-block accordion-content-image" alt="${cur_ThumbnailImage.getAttribute("alt")}" data-fileentryid="${cur_ThumbnailImage.getAttribute("fileEntryId")}"
35 src="${cur_ThumbnailImage.getData()}" />
36 </#if>
37 ${ThumbnailImage.Brief.getData()}
38 </div>
39 </div>
40 <div class="col-6 p-0 accordion-content">
41 <div class="accordionTitle pb-5">
42 ${ThumbnailImage.Textl65f.getData()}
43 </div>
44 <div class="p-5">
45 ${ThumbnailImage.Body.getData()}
46 </div>
47 </div>
48 </div>
49 </div>
50 </div>
51 </div>
52 </#list>
53 </#if>
54</div>
55<style>
56.accordion-content{
57 background:#f5f5f5;
58}
59.accordion-content-image{
60 width: 200px;
61 height: 200px;
62}
63.accordion-title-image{
64 width: 170px;
65 height: 66px;
66}
67.accordion-item {
68 border: none !important;
69}
70.accordion-button:focus {
71 box-shadow: none !important;
72 }
73 .accordion-button {
74 background: white !important;
75}
76.accordionTitle{
77 font-size: 24px;
78 font-weight: bold;
79 line-height: 1.2;
80 color: rgb(140, 21, 21) !important;
81 background:white !important;
82}
83</style>
84<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
85<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
An error occurred while processing the template.
The following has evaluated to null or missing: ==> ThumbnailImage [in template "20101#20128#3245089" at line 3, column 8] ---- 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: #if ThumbnailImage.getSiblings()?has_... [in template "20101#20128#3245089" at line 3, column 3] ----
1<#assign journalArticleId = .vars['reserved-article-id'].data />
2<div class="accordion" id="accordionExample">
3 <#if ThumbnailImage.getSiblings()?has_content>
4 <#list ThumbnailImage.getSiblings() as cur_ThumbnailImage>
5 <div class="accordion-item">
6 <h2 class="accordion-header">
7 <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne_${journalArticleId}" aria-expanded="true" aria-controls="collapseOne">
8
9
10 <#if (AccordionImage.getData())?? && AccordionImage.getData() != "">
11 <img class="accordion-title-image" alt="${AccordionImage.getAttribute("alt")}" data-fileentryid="${AccordionImage.getAttribute("fileEntryId")}" src="${AccordionImage.getData()}" />
12</#if>
13
14<div class="ml-4"><strong>${AccordionTitle.getData()}</strong></div>
15 </button>
16 </h2>
17 <div id="collapseOne_${journalArticleId}" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
18 <div class="accordion-body">
19 <div class=" px-5 pt-3 ">
20 <#if cur_ThumbnailImage.Title.getData()?? && cur_ThumbnailImage.Title.getData()?has_content>
21
22 </#if>
23 </div>
24 <div class="col-12 d-flex">
25 <div class="col-6 p-0 accordion-content">
26 <div>
27 <div class="accordionTitle pb-5">
28 ${ThumbnailImage.Title.getData()}
29 </div>
30
31 </div>
32 <div class="p-4">
33 <#if (cur_ThumbnailImage.getData())?? && cur_ThumbnailImage.getData() != "">
34 <img class="d-block accordion-content-image" alt="${cur_ThumbnailImage.getAttribute("alt")}" data-fileentryid="${cur_ThumbnailImage.getAttribute("fileEntryId")}"
35 src="${cur_ThumbnailImage.getData()}" />
36 </#if>
37 ${ThumbnailImage.Brief.getData()}
38 </div>
39 </div>
40 <div class="col-6 p-0 accordion-content">
41 <div class="accordionTitle pb-5">
42 ${ThumbnailImage.Textl65f.getData()}
43 </div>
44 <div class="p-5">
45 ${ThumbnailImage.Body.getData()}
46 </div>
47 </div>
48 </div>
49 </div>
50 </div>
51 </div>
52 </#list>
53 </#if>
54</div>
55<style>
56.accordion-content{
57 background:#f5f5f5;
58}
59.accordion-content-image{
60 width: 200px;
61 height: 200px;
62}
63.accordion-title-image{
64 width: 170px;
65 height: 66px;
66}
67.accordion-item {
68 border: none !important;
69}
70.accordion-button:focus {
71 box-shadow: none !important;
72 }
73 .accordion-button {
74 background: white !important;
75}
76.accordionTitle{
77 font-size: 24px;
78 font-weight: bold;
79 line-height: 1.2;
80 color: rgb(140, 21, 21) !important;
81 background:white !important;
82}
83</style>
84<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
85<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">