An error occurred while processing the template.
Can't convert this string to number: "" The blamed expression: ==> Animation.TriggerDistance.getData()?number [in template "20101#20128#120964" at line 6, column 6] ---- FTL stack trace ("~" means nesting-related): - Failed at: #if Animation.TriggerDistance.getData... [in template "20101#20128#120964" at line 6, column 1] ----
1<#assign animatronAttributes = ''>
2<#if Animation.EntranceAnimation.getData() == 'active'>
3 <#assign animatronAttributes = animatronAttributes + 'animatron="show" animatron-preset="' + Animation.AnimationPreset.getData() + '" '>
4</#if>
5
6<#if Animation.TriggerDistance.getData()?number > 0>
7 <#assign animatronAttributes = animatronAttributes + 'animatron-gap="' + Animation.TriggerDistance.getData() + '"'>
8</#if>
9
10
11<#assign backgroundStyle = ''>
12<#if BackgroundColor.getData() != ''>
13 <#assign backgroundStyle = backgroundStyle + 'background-color: ' + BackgroundColor.getData() + '; '>
14</#if>
15
16<#if BackgroundImage.getData() != ''>
17 <#assign backgroundStyle = backgroundStyle + "background-image: url('" + BackgroundImage.getData() + "'); ">
18</#if>
19
20<#if BackgroundImage.BackgroundPositionVertical.getData() != '' && BackgroundImage.BackgroundPositionHorizontal.getData() != ''>
21 <#assign backgroundStyle = backgroundStyle + 'background-position: ' + BackgroundImage.BackgroundPositionHorizontal.getData() + ' ' + BackgroundImage.BackgroundPositionVertical.getData() + '; '>
22</#if>
23
24<#if BackgroundImage.BackgroundSize.getData() != ''>
25 <#assign backgroundStyle = backgroundStyle + 'background-size: ' + BackgroundImage.BackgroundSize.getData() + '; '>
26</#if>
27
28
29<#if OneColumnOptions.TextBlockPosition.getData() != "">
30 <#assign TextBlockPositionClass = "position-" + OneColumnOptions.TextBlockPosition.getData()>
31<#else>
32 <#assign TextBlockPositionClass = "">
33</#if>
34
35<#if OneColumnOptions.TextBlockWidth.getData() != "">
36 <#assign TextBlockWidthClass = "width-" + OneColumnOptions.TextBlockWidth.getData()>
37<#else>
38 <#assign TextBlockWidthClass = "">
39</#if>
40
41
42<#if TextBlock1.TextMode1.getData() == 'light'>
43 <#assign textStyle1 = 'light'>
44<#else>
45 <#assign textStyle1 = 'dark'>
46</#if>
47
48<#if TextBlock1.CallToAction1.LinkType1.getData() == "internal">
49 <#assign pageUrl1 = TextBlock1.CallToAction1.InternalPage1.getData()>
50<#else>
51 <#assign pageUrl1 = TextBlock1.CallToAction1.ExternalPage1.getData()>
52</#if>
53
54<#if TextBlock1.CallToAction1.Mode1.getData() == 'light'>
55 <#assign ctaStyle1 = 'light'>
56<#else>
57 <#assign ctaStyle1 = 'dark'>
58</#if>
59
60
61<#if TextBlock2.TextMode2.getData() == 'light'>
62 <#assign textStyle2 = 'light'>
63<#else>
64 <#assign textStyle2 = 'dark'>
65</#if>
66
67<#if TextBlock2.CallToAction2.LinkType2.getData() == "internal">
68 <#assign pageUrl2 = TextBlock2.CallToAction2.InternalPage2.getData()>
69<#else>
70 <#assign pageUrl2 = TextBlock2.CallToAction2.ExternalPage2.getData()>
71</#if>
72
73<#if TextBlock2.CallToAction2.Mode2.getData() == 'light'>
74 <#assign ctaStyle2 = 'light'>
75<#else>
76 <#assign ctaStyle2 = 'dark'>
77</#if>
78
79<div class='container-fluid text-block-container text-columns-${TextColumns.getData()}' style="${backgroundStyle}" ${animatronAttributes}>
80 <div class='container ${TextBlockPositionClass} ${TextBlockWidthClass}'>
81
82 <div class="column-text text-1 mode-${TextBlock1.TextMode1.getData()} align-${TextBlock1.TextAlign1.getData()}">
83 <#if TextBlock1.Title1.getData() != "">
84 <h2>${TextBlock1.Title1.getData()}</h2>
85 </#if>
86 <#if TextBlock1.Text1.getData() != "">
87 <div class="text">${TextBlock1.Text1.getData()}</div>
88 </#if>
89
90 <#if TextBlock1.CallToAction1.Label1.getData() != "">
91 <#assign ctaClass1 = "">
92 <#else>
93 <#assign ctaClass1 = "alone">
94 </#if>
95
96 <#if pageUrl1 != "">
97 <a class="cta-container ${ctaClass1} align-${TextBlock1.CallToAction1.Align1.getData()} color-${ctaStyle1}" href="${pageUrl1}" target="${TextBlock1.CallToAction1.LinkBehaviour1.getData()}">
98 <div class="cta">
99 <h2>${TextBlock1.CallToAction1.Label1.getData()}</h2>
100 <div class="button adc-icn-arrow"></div>
101 </div>
102 </a>
103 </#if>
104 </div>
105
106 <div class="column-text text-2 mode-${TextBlock2.TextMode2.getData()} align-${TextBlock2.TextAlign2.getData()}">
107 <#if TextBlock2.Title2.getData() != "">
108 <h2>${TextBlock2.Title2.getData()}</h2>
109 </#if>
110 <#if TextBlock2.Text2.getData() != "">
111 <div class="text">${TextBlock2.Text2.getData()}</div>
112 </#if>
113
114 <#if TextBlock2.CallToAction2.Label2.getData() != "">
115 <#assign ctaClass2 = "">
116 <#else>
117 <#assign ctaClass2 = "alone">
118 </#if>
119
120 <#if pageUrl2 != "">
121 <a class="cta-container ${ctaClass2} align-${TextBlock2.CallToAction2.Align2.getData()} color-${ctaStyle2}" href="${pageUrl2}" target="${TextBlock2.CallToAction2.LinkBehaviour2.getData()}">
122 <div class="cta">
123 <h2>${TextBlock2.CallToAction2.Label2.getData()}</h2>
124 <div class="button adc-icn-arrow"></div>
125 </div>
126 </a>
127 </#if>
128 </div>
129 </div>
130</div>