Error compiling template "Designs/TestsiteBootrapDev/Paragraph/Caseslide.cshtml"
Line 24: Operator '||' cannot be applied to operands of type 'string' and 'string'
Line 32: Operator '||' cannot be applied to operands of type 'string' and 'string'

1 @{ 2 var imageUrl = @GetString("Item.CaseBillede"); 3 var TabletImageUrl = @GetString("Item.TabletImage"); 4 var MobileImageUrl = @GetString("Item.MobileImage"); 5 var altText = @GetString("Item.AltText"); 6 var sectionbgColor = @GetString("Item.Baggrundsfarve"); 7 var sectionbgImage = @GetString("Item.Baggrundsbillede"); 8 var sectionBgImageTablet = @GetString("Item.Baggrundsbillede_Tablet"); 9 var sectionBgImageMobile = @GetString("Item.Baggrundsbillede_Mobile"); 10 var lastElement = @GetBoolean("Item.SidsteElement"); 11 var slidecount = @GetLoop("Item.IndholdsSlides").Count(); 12 var popUpCheckBox = @GetBoolean("Item.Video_Uden_Popup"); 13 var videoUrlMp4 = @GetString("Item.Video_URL_MP4.Value"); 14 var videoUrlWebm = @GetString("Item.Video_URL_Webm.Value"); 15 var videoUrl = @GetString("Item.Video_ID"); 16 var videoDesc = @GetString("Item.VideoBeskrivelse"); 17 var twocolumns = @GetBoolean("Item.TwoColumn"); 18 var textcontent = @GetString("Item.TextContent"); 19 var textColor = @GetString("Item.Text_Color"); 20 } 21 22 <section class="section slide"><!--- Render case slide section --> 23 <div class="case-section" style="background-color:@sectionbgColor;"> 24 @if(!string.IsNullOrWhiteSpace(@sectionbgImage || @sectionBgImageTablet || @sectionBgImageMobile)) { 25 <div class="setBG" 26 style=" background-image:url(@sectionbgImage); 27 background-position: center; 28 background-repeat: no-repeat; 29 background-size: cover;" 30 image-tablet="@sectionBgImageTablet" 31 image-mobile="@sectionBgImageMobile"> 32 @if(!string.IsNullOrWhiteSpace(@imageUrl || @TabletImageUrl || @MobileImageUrl)) { 33 if(@twocolumns) { 34 <article class="col-sm-12 casebgImage two_cols"> 35 <div class="caseslideContent"> 36 <div class="col-lg-11"> 37 <div class="col-lg-6 colImage"> 38 <div class="flexfloat"> 39 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 40 </div> 41 </div> 42 <div class="col-lg-5 colContent" style="color: @textColor;"> 43 <div class="flexfloat"> 44 @textcontent 45 </div> 46 </div> 47 </div> 48 </div> 49 </article> 50 }else if(!string.IsNullOrWhiteSpace(@TabletImageUrl)){ 51 <article class="col-xs-12 casebgImage"> 52 <div class="caseImage hidden-xs hidden-md hidden-lg"> 53 <img data-src="@TabletImageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 54 </div> 55 </article> 56 }else if(!string.IsNullOrWhiteSpace(@MobileImageUrl)){ 57 <article class="col-xs-12 casebgImage"> 58 <div class="caseImage hidden-sm hidden-md hidden-lg"> 59 <img data-src="@MobileImageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 60 </div> 61 </article> 62 }else { 63 <article class="col-sm-12 casebgImage"> 64 <div class="caseImage"> 65 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 66 </div> 67 </article> 68 } 69 } else if(@slidecount>0) { 70 <article> 71 <div class="slider"> 72 @foreach (var slideitem in GetLoop("Item.IndholdsSlides")) { 73 var slideImageUrl = @slideitem.GetString("Item.IndholdsSlides.Image"); 74 <text></text> 75 <div class="slider-items"> 76 <div class="slider_content"> 77 <img src="@slideImageUrl" alt="@altText"> 78 </div> 79 </div> 80 } 81 </div> 82 </article> 83 } else if(!string.IsNullOrWhiteSpace(@videoUrl)) { 84 <article> 85 <div class="videoContent_wrapper"> 86 <div class="videoContent"> 87 <div class="play-btn"> 88 <div class="circle"> 89 <i class="fa fa-play" aria-hidden="true"></i> 90 </div> 91 </div> 92 <br /> 93 <h3>@videoDesc</h3> 94 </div> 95 </div> 96 </article> 97 } 98 </div> 99 }else if(@popUpCheckBox){ 100 <article> 101 <div class="video-wrapper" style="background-color:@sectionbgColor;"> 102 <video autoplay loop> 103 <source src="@videoUrlMp4" type="video/mp4"> 104 <source src="@videoUrlWebm" type="video/webm"> 105 </video> 106 </div> 107 </article> 108 } else if(!string.IsNullOrWhiteSpace(@imageUrl)) { 109 if(@twocolumns) { 110 <article class="col-sm-12 casebgImage two_cols"> 111 <div class="caseslideContent"> 112 <div class="col-lg-11"> 113 <div class="col-lg-6 colImage"> 114 <div class="flexfloat"> 115 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 116 </div> 117 </div> 118 <div class="col-lg-5 colContent" style="color: @textColor;"> 119 <div class="flexfloat"> 120 @textcontent 121 </div> 122 </div> 123 </div> 124 </div> 125 </article> 126 } else { 127 <article class="col-sm-12 casebgImage"> 128 <div class="caseImage"> 129 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 130 </div> 131 </article> 132 } 133 } else if(@slidecount>0) { 134 <article> 135 <div class="slider"> 136 @foreach (var slideitem in GetLoop("Item.IndholdsSlides")) { 137 var slideImageUrl = @slideitem.GetString("Item.IndholdsSlides.Image"); 138 <text></text> 139 <div class="slider-items"> 140 <div class="slider_content"> 141 <img data-src="@slideImageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 142 </div> 143 </div> 144 } 145 </div> 146 </article> 147 } 148 </div> 149 <nav class="cd-vertical-nav"> 150 <div class="section_progress"> 151 <div class="progress_current"> 152 <div class="trans_element" style="background-color: @sectionbgColor;"></div> 153 </div> 154 </div> 155 <ul> 156 @if (@lastElement) { 157 <li><a class="cd-to-start" href="#" style="color:@sectionbgColor;"><i class="fa fa-chevron-up"></i></a></li> 158 } else { 159 <li><a href="#" class="cd-next"><i class="fa fa-chevron-down" style="color:@sectionbgColor;"></i></a></li> 160 } 161 </ul> 162 </nav> 163 @if(!@popUpCheckBox){ 164 if(!string.IsNullOrWhiteSpace(@videoUrl)) { 165 <div class="videoEmbed_wrapper"> 166 <div class="col-xs-12 col-sm-10 col-lg-8 videoEmbed"> 167 <div class="closeVideo"> 168 Luk video 169 </div> 170 <iframe width="560" height="315" src="https://www.youtube.com/embed/@videoUrl?version=3&enablejsapi=1rel=0" frameborder="0" allowfullscreen></iframe> 171 </div> 172 </div> 173 } 174 } 175 </section> 176
Error compiling template "Designs/TestsiteBootrapDev/Paragraph/Caseslide.cshtml"
Line 24: Operator '||' cannot be applied to operands of type 'string' and 'string'
Line 32: Operator '||' cannot be applied to operands of type 'string' and 'string'

1 @{ 2 var imageUrl = @GetString("Item.CaseBillede"); 3 var TabletImageUrl = @GetString("Item.TabletImage"); 4 var MobileImageUrl = @GetString("Item.MobileImage"); 5 var altText = @GetString("Item.AltText"); 6 var sectionbgColor = @GetString("Item.Baggrundsfarve"); 7 var sectionbgImage = @GetString("Item.Baggrundsbillede"); 8 var sectionBgImageTablet = @GetString("Item.Baggrundsbillede_Tablet"); 9 var sectionBgImageMobile = @GetString("Item.Baggrundsbillede_Mobile"); 10 var lastElement = @GetBoolean("Item.SidsteElement"); 11 var slidecount = @GetLoop("Item.IndholdsSlides").Count(); 12 var popUpCheckBox = @GetBoolean("Item.Video_Uden_Popup"); 13 var videoUrlMp4 = @GetString("Item.Video_URL_MP4.Value"); 14 var videoUrlWebm = @GetString("Item.Video_URL_Webm.Value"); 15 var videoUrl = @GetString("Item.Video_ID"); 16 var videoDesc = @GetString("Item.VideoBeskrivelse"); 17 var twocolumns = @GetBoolean("Item.TwoColumn"); 18 var textcontent = @GetString("Item.TextContent"); 19 var textColor = @GetString("Item.Text_Color"); 20 } 21 22 <section class="section slide"><!--- Render case slide section --> 23 <div class="case-section" style="background-color:@sectionbgColor;"> 24 @if(!string.IsNullOrWhiteSpace(@sectionbgImage || @sectionBgImageTablet || @sectionBgImageMobile)) { 25 <div class="setBG" 26 style=" background-image:url(@sectionbgImage); 27 background-position: center; 28 background-repeat: no-repeat; 29 background-size: cover;" 30 image-tablet="@sectionBgImageTablet" 31 image-mobile="@sectionBgImageMobile"> 32 @if(!string.IsNullOrWhiteSpace(@imageUrl || @TabletImageUrl || @MobileImageUrl)) { 33 if(@twocolumns) { 34 <article class="col-sm-12 casebgImage two_cols"> 35 <div class="caseslideContent"> 36 <div class="col-lg-11"> 37 <div class="col-lg-6 colImage"> 38 <div class="flexfloat"> 39 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 40 </div> 41 </div> 42 <div class="col-lg-5 colContent" style="color: @textColor;"> 43 <div class="flexfloat"> 44 @textcontent 45 </div> 46 </div> 47 </div> 48 </div> 49 </article> 50 }else if(!string.IsNullOrWhiteSpace(@TabletImageUrl)){ 51 <article class="col-xs-12 casebgImage"> 52 <div class="caseImage hidden-xs hidden-md hidden-lg"> 53 <img data-src="@TabletImageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 54 </div> 55 </article> 56 }else if(!string.IsNullOrWhiteSpace(@MobileImageUrl)){ 57 <article class="col-xs-12 casebgImage"> 58 <div class="caseImage hidden-sm hidden-md hidden-lg"> 59 <img data-src="@MobileImageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 60 </div> 61 </article> 62 }else { 63 <article class="col-sm-12 casebgImage"> 64 <div class="caseImage"> 65 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 66 </div> 67 </article> 68 } 69 } else if(@slidecount>0) { 70 <article> 71 <div class="slider"> 72 @foreach (var slideitem in GetLoop("Item.IndholdsSlides")) { 73 var slideImageUrl = @slideitem.GetString("Item.IndholdsSlides.Image"); 74 <text></text> 75 <div class="slider-items"> 76 <div class="slider_content"> 77 <img src="@slideImageUrl" alt="@altText"> 78 </div> 79 </div> 80 } 81 </div> 82 </article> 83 } else if(!string.IsNullOrWhiteSpace(@videoUrl)) { 84 <article> 85 <div class="videoContent_wrapper"> 86 <div class="videoContent"> 87 <div class="play-btn"> 88 <div class="circle"> 89 <i class="fa fa-play" aria-hidden="true"></i> 90 </div> 91 </div> 92 <br /> 93 <h3>@videoDesc</h3> 94 </div> 95 </div> 96 </article> 97 } 98 </div> 99 }else if(@popUpCheckBox){ 100 <article> 101 <div class="video-wrapper" style="background-color:@sectionbgColor;"> 102 <video autoplay loop> 103 <source src="@videoUrlMp4" type="video/mp4"> 104 <source src="@videoUrlWebm" type="video/webm"> 105 </video> 106 </div> 107 </article> 108 } else if(!string.IsNullOrWhiteSpace(@imageUrl)) { 109 if(@twocolumns) { 110 <article class="col-sm-12 casebgImage two_cols"> 111 <div class="caseslideContent"> 112 <div class="col-lg-11"> 113 <div class="col-lg-6 colImage"> 114 <div class="flexfloat"> 115 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 116 </div> 117 </div> 118 <div class="col-lg-5 colContent" style="color: @textColor;"> 119 <div class="flexfloat"> 120 @textcontent 121 </div> 122 </div> 123 </div> 124 </div> 125 </article> 126 } else { 127 <article class="col-sm-12 casebgImage"> 128 <div class="caseImage"> 129 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 130 </div> 131 </article> 132 } 133 } else if(@slidecount>0) { 134 <article> 135 <div class="slider"> 136 @foreach (var slideitem in GetLoop("Item.IndholdsSlides")) { 137 var slideImageUrl = @slideitem.GetString("Item.IndholdsSlides.Image"); 138 <text></text> 139 <div class="slider-items"> 140 <div class="slider_content"> 141 <img data-src="@slideImageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 142 </div> 143 </div> 144 } 145 </div> 146 </article> 147 } 148 </div> 149 <nav class="cd-vertical-nav"> 150 <div class="section_progress"> 151 <div class="progress_current"> 152 <div class="trans_element" style="background-color: @sectionbgColor;"></div> 153 </div> 154 </div> 155 <ul> 156 @if (@lastElement) { 157 <li><a class="cd-to-start" href="#" style="color:@sectionbgColor;"><i class="fa fa-chevron-up"></i></a></li> 158 } else { 159 <li><a href="#" class="cd-next"><i class="fa fa-chevron-down" style="color:@sectionbgColor;"></i></a></li> 160 } 161 </ul> 162 </nav> 163 @if(!@popUpCheckBox){ 164 if(!string.IsNullOrWhiteSpace(@videoUrl)) { 165 <div class="videoEmbed_wrapper"> 166 <div class="col-xs-12 col-sm-10 col-lg-8 videoEmbed"> 167 <div class="closeVideo"> 168 Luk video 169 </div> 170 <iframe width="560" height="315" src="https://www.youtube.com/embed/@videoUrl?version=3&enablejsapi=1rel=0" frameborder="0" allowfullscreen></iframe> 171 </div> 172 </div> 173 } 174 } 175 </section> 176
Error compiling template "Designs/TestsiteBootrapDev/Paragraph/Caseslide.cshtml"
Line 24: Operator '||' cannot be applied to operands of type 'string' and 'string'
Line 32: Operator '||' cannot be applied to operands of type 'string' and 'string'

1 @{ 2 var imageUrl = @GetString("Item.CaseBillede"); 3 var TabletImageUrl = @GetString("Item.TabletImage"); 4 var MobileImageUrl = @GetString("Item.MobileImage"); 5 var altText = @GetString("Item.AltText"); 6 var sectionbgColor = @GetString("Item.Baggrundsfarve"); 7 var sectionbgImage = @GetString("Item.Baggrundsbillede"); 8 var sectionBgImageTablet = @GetString("Item.Baggrundsbillede_Tablet"); 9 var sectionBgImageMobile = @GetString("Item.Baggrundsbillede_Mobile"); 10 var lastElement = @GetBoolean("Item.SidsteElement"); 11 var slidecount = @GetLoop("Item.IndholdsSlides").Count(); 12 var popUpCheckBox = @GetBoolean("Item.Video_Uden_Popup"); 13 var videoUrlMp4 = @GetString("Item.Video_URL_MP4.Value"); 14 var videoUrlWebm = @GetString("Item.Video_URL_Webm.Value"); 15 var videoUrl = @GetString("Item.Video_ID"); 16 var videoDesc = @GetString("Item.VideoBeskrivelse"); 17 var twocolumns = @GetBoolean("Item.TwoColumn"); 18 var textcontent = @GetString("Item.TextContent"); 19 var textColor = @GetString("Item.Text_Color"); 20 } 21 22 <section class="section slide"><!--- Render case slide section --> 23 <div class="case-section" style="background-color:@sectionbgColor;"> 24 @if(!string.IsNullOrWhiteSpace(@sectionbgImage || @sectionBgImageTablet || @sectionBgImageMobile)) { 25 <div class="setBG" 26 style=" background-image:url(@sectionbgImage); 27 background-position: center; 28 background-repeat: no-repeat; 29 background-size: cover;" 30 image-tablet="@sectionBgImageTablet" 31 image-mobile="@sectionBgImageMobile"> 32 @if(!string.IsNullOrWhiteSpace(@imageUrl || @TabletImageUrl || @MobileImageUrl)) { 33 if(@twocolumns) { 34 <article class="col-sm-12 casebgImage two_cols"> 35 <div class="caseslideContent"> 36 <div class="col-lg-11"> 37 <div class="col-lg-6 colImage"> 38 <div class="flexfloat"> 39 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 40 </div> 41 </div> 42 <div class="col-lg-5 colContent" style="color: @textColor;"> 43 <div class="flexfloat"> 44 @textcontent 45 </div> 46 </div> 47 </div> 48 </div> 49 </article> 50 }else if(!string.IsNullOrWhiteSpace(@TabletImageUrl)){ 51 <article class="col-xs-12 casebgImage"> 52 <div class="caseImage hidden-xs hidden-md hidden-lg"> 53 <img data-src="@TabletImageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 54 </div> 55 </article> 56 }else if(!string.IsNullOrWhiteSpace(@MobileImageUrl)){ 57 <article class="col-xs-12 casebgImage"> 58 <div class="caseImage hidden-sm hidden-md hidden-lg"> 59 <img data-src="@MobileImageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 60 </div> 61 </article> 62 }else { 63 <article class="col-sm-12 casebgImage"> 64 <div class="caseImage"> 65 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 66 </div> 67 </article> 68 } 69 } else if(@slidecount>0) { 70 <article> 71 <div class="slider"> 72 @foreach (var slideitem in GetLoop("Item.IndholdsSlides")) { 73 var slideImageUrl = @slideitem.GetString("Item.IndholdsSlides.Image"); 74 <text></text> 75 <div class="slider-items"> 76 <div class="slider_content"> 77 <img src="@slideImageUrl" alt="@altText"> 78 </div> 79 </div> 80 } 81 </div> 82 </article> 83 } else if(!string.IsNullOrWhiteSpace(@videoUrl)) { 84 <article> 85 <div class="videoContent_wrapper"> 86 <div class="videoContent"> 87 <div class="play-btn"> 88 <div class="circle"> 89 <i class="fa fa-play" aria-hidden="true"></i> 90 </div> 91 </div> 92 <br /> 93 <h3>@videoDesc</h3> 94 </div> 95 </div> 96 </article> 97 } 98 </div> 99 }else if(@popUpCheckBox){ 100 <article> 101 <div class="video-wrapper" style="background-color:@sectionbgColor;"> 102 <video autoplay loop> 103 <source src="@videoUrlMp4" type="video/mp4"> 104 <source src="@videoUrlWebm" type="video/webm"> 105 </video> 106 </div> 107 </article> 108 } else if(!string.IsNullOrWhiteSpace(@imageUrl)) { 109 if(@twocolumns) { 110 <article class="col-sm-12 casebgImage two_cols"> 111 <div class="caseslideContent"> 112 <div class="col-lg-11"> 113 <div class="col-lg-6 colImage"> 114 <div class="flexfloat"> 115 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 116 </div> 117 </div> 118 <div class="col-lg-5 colContent" style="color: @textColor;"> 119 <div class="flexfloat"> 120 @textcontent 121 </div> 122 </div> 123 </div> 124 </div> 125 </article> 126 } else { 127 <article class="col-sm-12 casebgImage"> 128 <div class="caseImage"> 129 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 130 </div> 131 </article> 132 } 133 } else if(@slidecount>0) { 134 <article> 135 <div class="slider"> 136 @foreach (var slideitem in GetLoop("Item.IndholdsSlides")) { 137 var slideImageUrl = @slideitem.GetString("Item.IndholdsSlides.Image"); 138 <text></text> 139 <div class="slider-items"> 140 <div class="slider_content"> 141 <img data-src="@slideImageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 142 </div> 143 </div> 144 } 145 </div> 146 </article> 147 } 148 </div> 149 <nav class="cd-vertical-nav"> 150 <div class="section_progress"> 151 <div class="progress_current"> 152 <div class="trans_element" style="background-color: @sectionbgColor;"></div> 153 </div> 154 </div> 155 <ul> 156 @if (@lastElement) { 157 <li><a class="cd-to-start" href="#" style="color:@sectionbgColor;"><i class="fa fa-chevron-up"></i></a></li> 158 } else { 159 <li><a href="#" class="cd-next"><i class="fa fa-chevron-down" style="color:@sectionbgColor;"></i></a></li> 160 } 161 </ul> 162 </nav> 163 @if(!@popUpCheckBox){ 164 if(!string.IsNullOrWhiteSpace(@videoUrl)) { 165 <div class="videoEmbed_wrapper"> 166 <div class="col-xs-12 col-sm-10 col-lg-8 videoEmbed"> 167 <div class="closeVideo"> 168 Luk video 169 </div> 170 <iframe width="560" height="315" src="https://www.youtube.com/embed/@videoUrl?version=3&enablejsapi=1rel=0" frameborder="0" allowfullscreen></iframe> 171 </div> 172 </div> 173 } 174 } 175 </section> 176
Error compiling template "Designs/TestsiteBootrapDev/Paragraph/Caseslide.cshtml"
Line 24: Operator '||' cannot be applied to operands of type 'string' and 'string'
Line 32: Operator '||' cannot be applied to operands of type 'string' and 'string'

1 @{ 2 var imageUrl = @GetString("Item.CaseBillede"); 3 var TabletImageUrl = @GetString("Item.TabletImage"); 4 var MobileImageUrl = @GetString("Item.MobileImage"); 5 var altText = @GetString("Item.AltText"); 6 var sectionbgColor = @GetString("Item.Baggrundsfarve"); 7 var sectionbgImage = @GetString("Item.Baggrundsbillede"); 8 var sectionBgImageTablet = @GetString("Item.Baggrundsbillede_Tablet"); 9 var sectionBgImageMobile = @GetString("Item.Baggrundsbillede_Mobile"); 10 var lastElement = @GetBoolean("Item.SidsteElement"); 11 var slidecount = @GetLoop("Item.IndholdsSlides").Count(); 12 var popUpCheckBox = @GetBoolean("Item.Video_Uden_Popup"); 13 var videoUrlMp4 = @GetString("Item.Video_URL_MP4.Value"); 14 var videoUrlWebm = @GetString("Item.Video_URL_Webm.Value"); 15 var videoUrl = @GetString("Item.Video_ID"); 16 var videoDesc = @GetString("Item.VideoBeskrivelse"); 17 var twocolumns = @GetBoolean("Item.TwoColumn"); 18 var textcontent = @GetString("Item.TextContent"); 19 var textColor = @GetString("Item.Text_Color"); 20 } 21 22 <section class="section slide"><!--- Render case slide section --> 23 <div class="case-section" style="background-color:@sectionbgColor;"> 24 @if(!string.IsNullOrWhiteSpace(@sectionbgImage || @sectionBgImageTablet || @sectionBgImageMobile)) { 25 <div class="setBG" 26 style=" background-image:url(@sectionbgImage); 27 background-position: center; 28 background-repeat: no-repeat; 29 background-size: cover;" 30 image-tablet="@sectionBgImageTablet" 31 image-mobile="@sectionBgImageMobile"> 32 @if(!string.IsNullOrWhiteSpace(@imageUrl || @TabletImageUrl || @MobileImageUrl)) { 33 if(@twocolumns) { 34 <article class="col-sm-12 casebgImage two_cols"> 35 <div class="caseslideContent"> 36 <div class="col-lg-11"> 37 <div class="col-lg-6 colImage"> 38 <div class="flexfloat"> 39 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 40 </div> 41 </div> 42 <div class="col-lg-5 colContent" style="color: @textColor;"> 43 <div class="flexfloat"> 44 @textcontent 45 </div> 46 </div> 47 </div> 48 </div> 49 </article> 50 }else if(!string.IsNullOrWhiteSpace(@TabletImageUrl)){ 51 <article class="col-xs-12 casebgImage"> 52 <div class="caseImage hidden-xs hidden-md hidden-lg"> 53 <img data-src="@TabletImageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 54 </div> 55 </article> 56 }else if(!string.IsNullOrWhiteSpace(@MobileImageUrl)){ 57 <article class="col-xs-12 casebgImage"> 58 <div class="caseImage hidden-sm hidden-md hidden-lg"> 59 <img data-src="@MobileImageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 60 </div> 61 </article> 62 }else { 63 <article class="col-sm-12 casebgImage"> 64 <div class="caseImage"> 65 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 66 </div> 67 </article> 68 } 69 } else if(@slidecount>0) { 70 <article> 71 <div class="slider"> 72 @foreach (var slideitem in GetLoop("Item.IndholdsSlides")) { 73 var slideImageUrl = @slideitem.GetString("Item.IndholdsSlides.Image"); 74 <text></text> 75 <div class="slider-items"> 76 <div class="slider_content"> 77 <img src="@slideImageUrl" alt="@altText"> 78 </div> 79 </div> 80 } 81 </div> 82 </article> 83 } else if(!string.IsNullOrWhiteSpace(@videoUrl)) { 84 <article> 85 <div class="videoContent_wrapper"> 86 <div class="videoContent"> 87 <div class="play-btn"> 88 <div class="circle"> 89 <i class="fa fa-play" aria-hidden="true"></i> 90 </div> 91 </div> 92 <br /> 93 <h3>@videoDesc</h3> 94 </div> 95 </div> 96 </article> 97 } 98 </div> 99 }else if(@popUpCheckBox){ 100 <article> 101 <div class="video-wrapper" style="background-color:@sectionbgColor;"> 102 <video autoplay loop> 103 <source src="@videoUrlMp4" type="video/mp4"> 104 <source src="@videoUrlWebm" type="video/webm"> 105 </video> 106 </div> 107 </article> 108 } else if(!string.IsNullOrWhiteSpace(@imageUrl)) { 109 if(@twocolumns) { 110 <article class="col-sm-12 casebgImage two_cols"> 111 <div class="caseslideContent"> 112 <div class="col-lg-11"> 113 <div class="col-lg-6 colImage"> 114 <div class="flexfloat"> 115 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 116 </div> 117 </div> 118 <div class="col-lg-5 colContent" style="color: @textColor;"> 119 <div class="flexfloat"> 120 @textcontent 121 </div> 122 </div> 123 </div> 124 </div> 125 </article> 126 } else { 127 <article class="col-sm-12 casebgImage"> 128 <div class="caseImage"> 129 <img data-src="@imageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 130 </div> 131 </article> 132 } 133 } else if(@slidecount>0) { 134 <article> 135 <div class="slider"> 136 @foreach (var slideitem in GetLoop("Item.IndholdsSlides")) { 137 var slideImageUrl = @slideitem.GetString("Item.IndholdsSlides.Image"); 138 <text></text> 139 <div class="slider-items"> 140 <div class="slider_content"> 141 <img data-src="@slideImageUrl" src="/files/Templates/Designs/bootstrapDev/images/rings_loader.svg" alt="@altText"> 142 </div> 143 </div> 144 } 145 </div> 146 </article> 147 } 148 </div> 149 <nav class="cd-vertical-nav"> 150 <div class="section_progress"> 151 <div class="progress_current"> 152 <div class="trans_element" style="background-color: @sectionbgColor;"></div> 153 </div> 154 </div> 155 <ul> 156 @if (@lastElement) { 157 <li><a class="cd-to-start" href="#" style="color:@sectionbgColor;"><i class="fa fa-chevron-up"></i></a></li> 158 } else { 159 <li><a href="#" class="cd-next"><i class="fa fa-chevron-down" style="color:@sectionbgColor;"></i></a></li> 160 } 161 </ul> 162 </nav> 163 @if(!@popUpCheckBox){ 164 if(!string.IsNullOrWhiteSpace(@videoUrl)) { 165 <div class="videoEmbed_wrapper"> 166 <div class="col-xs-12 col-sm-10 col-lg-8 videoEmbed"> 167 <div class="closeVideo"> 168 Luk video 169 </div> 170 <iframe width="560" height="315" src="https://www.youtube.com/embed/@videoUrl?version=3&enablejsapi=1rel=0" frameborder="0" allowfullscreen></iframe> 171 </div> 172 </div> 173 } 174 } 175 </section> 176