Branding Stylesheet

Background Configuration

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headers Wit

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Column Licht
Error executing template "/Designs/ColoursAndCoating_generated/Grid/Configuration/RowTemplates/TwoColumnRow.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_a7ea4f5c76ff463b82156e084747a5ed.ExecuteAsync()
   at RazorEngine.Templating.TemplateBase.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineCore.RunTemplate(ICompiledTemplate template, TextWriter writer, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.DynamicWrapperService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass23_0.<Run>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, Type modelType, Object model, DynamicViewBag viewBag)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()

1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.GridRowViewModel> 2 @using System.IO; 3 @using Dynamicweb; 4 @using Dynamicweb.Content; 5 @using Dynamicweb.Content.Items; 6 @using Dynamicweb.Security.Permissions; 7 @using Bluedesk.DynamicWeb.ItemTypes; 8 @using Bluedesk.DynamicWeb.ItemTypes.Configuration; 9 @using Bluedesk.DynamicWeb.ItemTypes.Settings.Configuration; 10 @using Dynamicweb.Frontend; 11 @using Dynamicweb.Frontend.Navigation 12 @using Dynamicweb.Ecommerce.ProductCatalog 13 @using Dynamicweb.Environment 14 @using Dynamicweb.Rendering; 15 16 @{ 17 bool OutputOne = Model.Column(1).Paragraph.ID.ToString() != "0" ? true : false; 18 bool OutputTwo = Model.Column(2).Paragraph.ID.ToString() != "0" ? true : false; 19 } 20 21 <div style="display: flex; flex-direction:row; background-color: #f1f1f1;"> 22 <div style="display: flex; flex-basis: 50%; align-items:center; justify-content:center;"> 23 @*@if (OutputOne) 24 { 25 @RenderBackgroundConfigurationTemplate(1); 26 }*@ 27 28 @Model.Column(1).Output() 29 </div> 30 <div style="display: flex; flex-basis: 50%; align-items: center; justify-content: center; "> 31 @*@if (OutputTwo) 32 { 33 @RenderBackgroundConfigurationTemplate(2); 34 }*@ 35 36 @Model.Column(2).Output() 37 </div> 38 </div> 39 40 @functions{ 41 string RenderBackgroundConfigurationTemplate(int ColumnCount) 42 { 43 string template = ""; 44 45 string paragraphItemId = Model.Column(ColumnCount).Paragraph.Item.Id; 46 int paragraphID = Model.Column(ColumnCount).Paragraph.ID; 47 48 BackgroundConfiguration _data = ItemManager.Storage.GetById<BackgroundConfiguration>(paragraphItemId); 49 50 string shadowClass = _data.contentShadow ? "contentShadow" : ""; 51 string backgroundImageRepeatClass = _data.BackgroundImageRepeat; 52 string backgroundImageSizeClass = ""; 53 54 string BackgroundImagePositionX = _data.BackgroundImagePositionX; 55 string BackgroundImagePositionY = _data.BackgroundImagePositionY; 56 57 string BackgroundImagePositionClass = ""; 58 59 if (backgroundImageRepeatClass == "no-repeat") 60 { 61 BackgroundImagePositionClass = BackgroundImagePositionY + "-" + BackgroundImagePositionX; 62 backgroundImageSizeClass = _data.BackgroundImageSize; 63 } 64 65 string contentGutterClass = _data.contentGutter; 66 string BackgroundPadding = _data.backgroundPadding; 67 68 string backgroundClass = !string.IsNullOrWhiteSpace(_data.BackgroundClass) ? string.Format("bg-{0}", _data.BackgroundClass) : ""; 69 string backgroundStyle = !string.IsNullOrWhiteSpace(_data.BackgroundColor) ? $"background-color: {_data.BackgroundColor}; " : ""; 70 backgroundStyle += !string.IsNullOrWhiteSpace(_data.BackgroundImage) ? $"background-image: url({_data.BackgroundImage}); " : ""; 71 72 template = $@" 73 <div style=""display: flex; flex-direction: column; padding: 25px;"" > 74 <div class=""multicolumn--{paragraphID} multicolumn {backgroundClass} {backgroundImageRepeatClass} {BackgroundImagePositionClass} {backgroundImageSizeClass} {contentGutterClass} {BackgroundPadding}"" style=""display: flex; flex-direction: row; {backgroundStyle}""> 75 <section class=""multicolumn__item""> 76 <div class=""cta-paragraph {shadowClass}"" style=""display: flex; flex-direction: column; padding: 25px;""> 77 <section class=""cta-paragraph__content-container""> 78 <header class=""cta-paragraph__header""> 79 <h2 class=""cta-paragraph__subheader"">Subheader</h2> 80 <h2 class=""cta-paragraph__header"">header</h2> 81 </header> 82 <div class=""cta-paragraph__text""> 83 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 84 </div> 85 </section> 86 </div> 87 </section> 88 <section class=""multicolumn__item""> 89 <div class=""cta-paragraph {shadowClass}"" style=""display: flex; flex-direction: column; padding: 25px;""> 90 <section class=""cta-paragraph__content-container""> 91 <header class=""cta-paragraph__header""> 92 <h2 class=""cta-paragraph__subheader"">Subheader</h2> 93 <h2 class=""cta-paragraph__header"">header</h2> 94 </header> 95 <div class=""cta-paragraph__text""> 96 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 97 </div> 98 </section> 99 </div> 100 </section> 101 </div> 102 {Model.Column(ColumnCount).Paragraph.Name.ToString()} 103 </div>"; 104 105 return template; 106 } 107 } 108 109 @*@helper RenderBackgroundConfigurationTemplate(int ColumnCount) 110 { 111 112 string paragraphItemId = Model.Column(ColumnCount).Paragraph.Item.Id; 113 int paragraphID = Model.Column(ColumnCount).Paragraph.ID; 114 115 BackgroundConfiguration _data = ItemManager.Storage.GetById<BackgroundConfiguration>(paragraphItemId); 116 117 string shadowClass = _data.contentShadow ? "contentShadow" : ""; 118 string backgroundImageRepeatClass = _data.BackgroundImageRepeat; 119 string backgroundImageSizeClass = ""; 120 121 string BackgroundImagePositionX = _data.BackgroundImagePositionX; 122 string BackgroundImagePositionY = _data.BackgroundImagePositionY; 123 124 string BackgroundImagePositionClass = ""; 125 126 if (backgroundImageRepeatClass == "no-repeat") 127 { 128 BackgroundImagePositionClass = BackgroundImagePositionY + "-" + BackgroundImagePositionX; 129 backgroundImageSizeClass = _data.BackgroundImageSize; 130 } 131 132 string contentGutterClass = _data.contentGutter; 133 string BackgroundPadding = _data.backgroundPadding; 134 135 string backgroundClass = !string.IsNullOrWhiteSpace(_data.BackgroundClass) ? string.Format("bg-{0}", _data.BackgroundClass) : ""; 136 string backgroundStyle = !string.IsNullOrWhiteSpace(_data.BackgroundColor) ? $"background-color: {_data.BackgroundColor}; " : ""; 137 backgroundStyle += !string.IsNullOrWhiteSpace(_data.BackgroundImage) ? $"background-image: url({_data.BackgroundImage}); " : ""; 138 139 <div style="display: flex; flex-direction: column; padding: 25px;"> 140 <div class="multicolumn--@paragraphID multicolumn @backgroundClass @backgroundImageRepeatClass @BackgroundImagePositionClass @backgroundImageSizeClass @contentGutterClass @BackgroundPadding" style="display: flex; flex-direction: row; @backgroundStyle"> 141 <section class="multicolumn__item"> 142 <div class="cta-paragraph @shadowClass" style="display: flex; flex-direction: column; padding: 25px;"> 143 <section class="cta-paragraph__content-container"> 144 <header class="cta-paragraph__header"> 145 <h2 class="cta-paragraph__subheader">Subheader</h2> 146 <h2 class="cta-paragraph__header">header</h2> 147 </header> 148 <div class="cta-paragraph__text"> 149 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 150 </div> 151 </section> 152 </div> 153 </section> 154 <section class="multicolumn__item"> 155 <div class="cta-paragraph @shadowClass" style="display: flex; flex-direction: column; padding: 25px;"> 156 <section class="cta-paragraph__content-container"> 157 <header class="cta-paragraph__header"> 158 <h2 class="cta-paragraph__subheader">Subheader</h2> 159 <h2 class="cta-paragraph__header">header</h2> 160 </header> 161 <div class="cta-paragraph__text"> 162 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 163 </div> 164 </section> 165 </div> 166 </section> 167 </div> 168 169 @Model.Column(ColumnCount).Paragraph.Name.ToString() 170 </div> 171 172 }*@ 173

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headers Wit 160

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

news page
Error executing template "/Designs/ColoursAndCoating_generated/Grid/Configuration/RowTemplates/TwoColumnRow.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_a7ea4f5c76ff463b82156e084747a5ed.ExecuteAsync()
   at RazorEngine.Templating.TemplateBase.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineCore.RunTemplate(ICompiledTemplate template, TextWriter writer, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.DynamicWrapperService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass23_0.<Run>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, Type modelType, Object model, DynamicViewBag viewBag)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()

1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.GridRowViewModel> 2 @using System.IO; 3 @using Dynamicweb; 4 @using Dynamicweb.Content; 5 @using Dynamicweb.Content.Items; 6 @using Dynamicweb.Security.Permissions; 7 @using Bluedesk.DynamicWeb.ItemTypes; 8 @using Bluedesk.DynamicWeb.ItemTypes.Configuration; 9 @using Bluedesk.DynamicWeb.ItemTypes.Settings.Configuration; 10 @using Dynamicweb.Frontend; 11 @using Dynamicweb.Frontend.Navigation 12 @using Dynamicweb.Ecommerce.ProductCatalog 13 @using Dynamicweb.Environment 14 @using Dynamicweb.Rendering; 15 16 @{ 17 bool OutputOne = Model.Column(1).Paragraph.ID.ToString() != "0" ? true : false; 18 bool OutputTwo = Model.Column(2).Paragraph.ID.ToString() != "0" ? true : false; 19 } 20 21 <div style="display: flex; flex-direction:row; background-color: #f1f1f1;"> 22 <div style="display: flex; flex-basis: 50%; align-items:center; justify-content:center;"> 23 @*@if (OutputOne) 24 { 25 @RenderBackgroundConfigurationTemplate(1); 26 }*@ 27 28 @Model.Column(1).Output() 29 </div> 30 <div style="display: flex; flex-basis: 50%; align-items: center; justify-content: center; "> 31 @*@if (OutputTwo) 32 { 33 @RenderBackgroundConfigurationTemplate(2); 34 }*@ 35 36 @Model.Column(2).Output() 37 </div> 38 </div> 39 40 @functions{ 41 string RenderBackgroundConfigurationTemplate(int ColumnCount) 42 { 43 string template = ""; 44 45 string paragraphItemId = Model.Column(ColumnCount).Paragraph.Item.Id; 46 int paragraphID = Model.Column(ColumnCount).Paragraph.ID; 47 48 BackgroundConfiguration _data = ItemManager.Storage.GetById<BackgroundConfiguration>(paragraphItemId); 49 50 string shadowClass = _data.contentShadow ? "contentShadow" : ""; 51 string backgroundImageRepeatClass = _data.BackgroundImageRepeat; 52 string backgroundImageSizeClass = ""; 53 54 string BackgroundImagePositionX = _data.BackgroundImagePositionX; 55 string BackgroundImagePositionY = _data.BackgroundImagePositionY; 56 57 string BackgroundImagePositionClass = ""; 58 59 if (backgroundImageRepeatClass == "no-repeat") 60 { 61 BackgroundImagePositionClass = BackgroundImagePositionY + "-" + BackgroundImagePositionX; 62 backgroundImageSizeClass = _data.BackgroundImageSize; 63 } 64 65 string contentGutterClass = _data.contentGutter; 66 string BackgroundPadding = _data.backgroundPadding; 67 68 string backgroundClass = !string.IsNullOrWhiteSpace(_data.BackgroundClass) ? string.Format("bg-{0}", _data.BackgroundClass) : ""; 69 string backgroundStyle = !string.IsNullOrWhiteSpace(_data.BackgroundColor) ? $"background-color: {_data.BackgroundColor}; " : ""; 70 backgroundStyle += !string.IsNullOrWhiteSpace(_data.BackgroundImage) ? $"background-image: url({_data.BackgroundImage}); " : ""; 71 72 template = $@" 73 <div style=""display: flex; flex-direction: column; padding: 25px;"" > 74 <div class=""multicolumn--{paragraphID} multicolumn {backgroundClass} {backgroundImageRepeatClass} {BackgroundImagePositionClass} {backgroundImageSizeClass} {contentGutterClass} {BackgroundPadding}"" style=""display: flex; flex-direction: row; {backgroundStyle}""> 75 <section class=""multicolumn__item""> 76 <div class=""cta-paragraph {shadowClass}"" style=""display: flex; flex-direction: column; padding: 25px;""> 77 <section class=""cta-paragraph__content-container""> 78 <header class=""cta-paragraph__header""> 79 <h2 class=""cta-paragraph__subheader"">Subheader</h2> 80 <h2 class=""cta-paragraph__header"">header</h2> 81 </header> 82 <div class=""cta-paragraph__text""> 83 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 84 </div> 85 </section> 86 </div> 87 </section> 88 <section class=""multicolumn__item""> 89 <div class=""cta-paragraph {shadowClass}"" style=""display: flex; flex-direction: column; padding: 25px;""> 90 <section class=""cta-paragraph__content-container""> 91 <header class=""cta-paragraph__header""> 92 <h2 class=""cta-paragraph__subheader"">Subheader</h2> 93 <h2 class=""cta-paragraph__header"">header</h2> 94 </header> 95 <div class=""cta-paragraph__text""> 96 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 97 </div> 98 </section> 99 </div> 100 </section> 101 </div> 102 {Model.Column(ColumnCount).Paragraph.Name.ToString()} 103 </div>"; 104 105 return template; 106 } 107 } 108 109 @*@helper RenderBackgroundConfigurationTemplate(int ColumnCount) 110 { 111 112 string paragraphItemId = Model.Column(ColumnCount).Paragraph.Item.Id; 113 int paragraphID = Model.Column(ColumnCount).Paragraph.ID; 114 115 BackgroundConfiguration _data = ItemManager.Storage.GetById<BackgroundConfiguration>(paragraphItemId); 116 117 string shadowClass = _data.contentShadow ? "contentShadow" : ""; 118 string backgroundImageRepeatClass = _data.BackgroundImageRepeat; 119 string backgroundImageSizeClass = ""; 120 121 string BackgroundImagePositionX = _data.BackgroundImagePositionX; 122 string BackgroundImagePositionY = _data.BackgroundImagePositionY; 123 124 string BackgroundImagePositionClass = ""; 125 126 if (backgroundImageRepeatClass == "no-repeat") 127 { 128 BackgroundImagePositionClass = BackgroundImagePositionY + "-" + BackgroundImagePositionX; 129 backgroundImageSizeClass = _data.BackgroundImageSize; 130 } 131 132 string contentGutterClass = _data.contentGutter; 133 string BackgroundPadding = _data.backgroundPadding; 134 135 string backgroundClass = !string.IsNullOrWhiteSpace(_data.BackgroundClass) ? string.Format("bg-{0}", _data.BackgroundClass) : ""; 136 string backgroundStyle = !string.IsNullOrWhiteSpace(_data.BackgroundColor) ? $"background-color: {_data.BackgroundColor}; " : ""; 137 backgroundStyle += !string.IsNullOrWhiteSpace(_data.BackgroundImage) ? $"background-image: url({_data.BackgroundImage}); " : ""; 138 139 <div style="display: flex; flex-direction: column; padding: 25px;"> 140 <div class="multicolumn--@paragraphID multicolumn @backgroundClass @backgroundImageRepeatClass @BackgroundImagePositionClass @backgroundImageSizeClass @contentGutterClass @BackgroundPadding" style="display: flex; flex-direction: row; @backgroundStyle"> 141 <section class="multicolumn__item"> 142 <div class="cta-paragraph @shadowClass" style="display: flex; flex-direction: column; padding: 25px;"> 143 <section class="cta-paragraph__content-container"> 144 <header class="cta-paragraph__header"> 145 <h2 class="cta-paragraph__subheader">Subheader</h2> 146 <h2 class="cta-paragraph__header">header</h2> 147 </header> 148 <div class="cta-paragraph__text"> 149 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 150 </div> 151 </section> 152 </div> 153 </section> 154 <section class="multicolumn__item"> 155 <div class="cta-paragraph @shadowClass" style="display: flex; flex-direction: column; padding: 25px;"> 156 <section class="cta-paragraph__content-container"> 157 <header class="cta-paragraph__header"> 158 <h2 class="cta-paragraph__subheader">Subheader</h2> 159 <h2 class="cta-paragraph__header">header</h2> 160 </header> 161 <div class="cta-paragraph__text"> 162 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 163 </div> 164 </section> 165 </div> 166 </section> 167 </div> 168 169 @Model.Column(ColumnCount).Paragraph.Name.ToString() 170 </div> 171 172 }*@ 173

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Kolom wit

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Kolom Wit Schuin onder

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Kolom zwart schuin boven

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Kolom Zwart Schuin onder

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Contentblok schuin rechts

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

padding

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Iconen

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Subheader

header

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Contentblok
Error executing template "/Designs/ColoursAndCoating_generated/Grid/Configuration/RowTemplates/TwoColumnRow.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_a7ea4f5c76ff463b82156e084747a5ed.ExecuteAsync()
   at RazorEngine.Templating.TemplateBase.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineCore.RunTemplate(ICompiledTemplate template, TextWriter writer, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.DynamicWrapperService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass23_0.<Run>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, Type modelType, Object model, DynamicViewBag viewBag)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()

1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.GridRowViewModel> 2 @using System.IO; 3 @using Dynamicweb; 4 @using Dynamicweb.Content; 5 @using Dynamicweb.Content.Items; 6 @using Dynamicweb.Security.Permissions; 7 @using Bluedesk.DynamicWeb.ItemTypes; 8 @using Bluedesk.DynamicWeb.ItemTypes.Configuration; 9 @using Bluedesk.DynamicWeb.ItemTypes.Settings.Configuration; 10 @using Dynamicweb.Frontend; 11 @using Dynamicweb.Frontend.Navigation 12 @using Dynamicweb.Ecommerce.ProductCatalog 13 @using Dynamicweb.Environment 14 @using Dynamicweb.Rendering; 15 16 @{ 17 bool OutputOne = Model.Column(1).Paragraph.ID.ToString() != "0" ? true : false; 18 bool OutputTwo = Model.Column(2).Paragraph.ID.ToString() != "0" ? true : false; 19 } 20 21 <div style="display: flex; flex-direction:row; background-color: #f1f1f1;"> 22 <div style="display: flex; flex-basis: 50%; align-items:center; justify-content:center;"> 23 @*@if (OutputOne) 24 { 25 @RenderBackgroundConfigurationTemplate(1); 26 }*@ 27 28 @Model.Column(1).Output() 29 </div> 30 <div style="display: flex; flex-basis: 50%; align-items: center; justify-content: center; "> 31 @*@if (OutputTwo) 32 { 33 @RenderBackgroundConfigurationTemplate(2); 34 }*@ 35 36 @Model.Column(2).Output() 37 </div> 38 </div> 39 40 @functions{ 41 string RenderBackgroundConfigurationTemplate(int ColumnCount) 42 { 43 string template = ""; 44 45 string paragraphItemId = Model.Column(ColumnCount).Paragraph.Item.Id; 46 int paragraphID = Model.Column(ColumnCount).Paragraph.ID; 47 48 BackgroundConfiguration _data = ItemManager.Storage.GetById<BackgroundConfiguration>(paragraphItemId); 49 50 string shadowClass = _data.contentShadow ? "contentShadow" : ""; 51 string backgroundImageRepeatClass = _data.BackgroundImageRepeat; 52 string backgroundImageSizeClass = ""; 53 54 string BackgroundImagePositionX = _data.BackgroundImagePositionX; 55 string BackgroundImagePositionY = _data.BackgroundImagePositionY; 56 57 string BackgroundImagePositionClass = ""; 58 59 if (backgroundImageRepeatClass == "no-repeat") 60 { 61 BackgroundImagePositionClass = BackgroundImagePositionY + "-" + BackgroundImagePositionX; 62 backgroundImageSizeClass = _data.BackgroundImageSize; 63 } 64 65 string contentGutterClass = _data.contentGutter; 66 string BackgroundPadding = _data.backgroundPadding; 67 68 string backgroundClass = !string.IsNullOrWhiteSpace(_data.BackgroundClass) ? string.Format("bg-{0}", _data.BackgroundClass) : ""; 69 string backgroundStyle = !string.IsNullOrWhiteSpace(_data.BackgroundColor) ? $"background-color: {_data.BackgroundColor}; " : ""; 70 backgroundStyle += !string.IsNullOrWhiteSpace(_data.BackgroundImage) ? $"background-image: url({_data.BackgroundImage}); " : ""; 71 72 template = $@" 73 <div style=""display: flex; flex-direction: column; padding: 25px;"" > 74 <div class=""multicolumn--{paragraphID} multicolumn {backgroundClass} {backgroundImageRepeatClass} {BackgroundImagePositionClass} {backgroundImageSizeClass} {contentGutterClass} {BackgroundPadding}"" style=""display: flex; flex-direction: row; {backgroundStyle}""> 75 <section class=""multicolumn__item""> 76 <div class=""cta-paragraph {shadowClass}"" style=""display: flex; flex-direction: column; padding: 25px;""> 77 <section class=""cta-paragraph__content-container""> 78 <header class=""cta-paragraph__header""> 79 <h2 class=""cta-paragraph__subheader"">Subheader</h2> 80 <h2 class=""cta-paragraph__header"">header</h2> 81 </header> 82 <div class=""cta-paragraph__text""> 83 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 84 </div> 85 </section> 86 </div> 87 </section> 88 <section class=""multicolumn__item""> 89 <div class=""cta-paragraph {shadowClass}"" style=""display: flex; flex-direction: column; padding: 25px;""> 90 <section class=""cta-paragraph__content-container""> 91 <header class=""cta-paragraph__header""> 92 <h2 class=""cta-paragraph__subheader"">Subheader</h2> 93 <h2 class=""cta-paragraph__header"">header</h2> 94 </header> 95 <div class=""cta-paragraph__text""> 96 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 97 </div> 98 </section> 99 </div> 100 </section> 101 </div> 102 {Model.Column(ColumnCount).Paragraph.Name.ToString()} 103 </div>"; 104 105 return template; 106 } 107 } 108 109 @*@helper RenderBackgroundConfigurationTemplate(int ColumnCount) 110 { 111 112 string paragraphItemId = Model.Column(ColumnCount).Paragraph.Item.Id; 113 int paragraphID = Model.Column(ColumnCount).Paragraph.ID; 114 115 BackgroundConfiguration _data = ItemManager.Storage.GetById<BackgroundConfiguration>(paragraphItemId); 116 117 string shadowClass = _data.contentShadow ? "contentShadow" : ""; 118 string backgroundImageRepeatClass = _data.BackgroundImageRepeat; 119 string backgroundImageSizeClass = ""; 120 121 string BackgroundImagePositionX = _data.BackgroundImagePositionX; 122 string BackgroundImagePositionY = _data.BackgroundImagePositionY; 123 124 string BackgroundImagePositionClass = ""; 125 126 if (backgroundImageRepeatClass == "no-repeat") 127 { 128 BackgroundImagePositionClass = BackgroundImagePositionY + "-" + BackgroundImagePositionX; 129 backgroundImageSizeClass = _data.BackgroundImageSize; 130 } 131 132 string contentGutterClass = _data.contentGutter; 133 string BackgroundPadding = _data.backgroundPadding; 134 135 string backgroundClass = !string.IsNullOrWhiteSpace(_data.BackgroundClass) ? string.Format("bg-{0}", _data.BackgroundClass) : ""; 136 string backgroundStyle = !string.IsNullOrWhiteSpace(_data.BackgroundColor) ? $"background-color: {_data.BackgroundColor}; " : ""; 137 backgroundStyle += !string.IsNullOrWhiteSpace(_data.BackgroundImage) ? $"background-image: url({_data.BackgroundImage}); " : ""; 138 139 <div style="display: flex; flex-direction: column; padding: 25px;"> 140 <div class="multicolumn--@paragraphID multicolumn @backgroundClass @backgroundImageRepeatClass @BackgroundImagePositionClass @backgroundImageSizeClass @contentGutterClass @BackgroundPadding" style="display: flex; flex-direction: row; @backgroundStyle"> 141 <section class="multicolumn__item"> 142 <div class="cta-paragraph @shadowClass" style="display: flex; flex-direction: column; padding: 25px;"> 143 <section class="cta-paragraph__content-container"> 144 <header class="cta-paragraph__header"> 145 <h2 class="cta-paragraph__subheader">Subheader</h2> 146 <h2 class="cta-paragraph__header">header</h2> 147 </header> 148 <div class="cta-paragraph__text"> 149 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 150 </div> 151 </section> 152 </div> 153 </section> 154 <section class="multicolumn__item"> 155 <div class="cta-paragraph @shadowClass" style="display: flex; flex-direction: column; padding: 25px;"> 156 <section class="cta-paragraph__content-container"> 157 <header class="cta-paragraph__header"> 158 <h2 class="cta-paragraph__subheader">Subheader</h2> 159 <h2 class="cta-paragraph__header">header</h2> 160 </header> 161 <div class="cta-paragraph__text"> 162 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 163 </div> 164 </section> 165 </div> 166 </section> 167 </div> 168 169 @Model.Column(ColumnCount).Paragraph.Name.ToString() 170 </div> 171 172 }*@ 173
Error executing template "/Designs/ColoursAndCoating_generated/Grid/Configuration/RowTemplates/TwoColumnRow.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_a7ea4f5c76ff463b82156e084747a5ed.ExecuteAsync()
   at RazorEngine.Templating.TemplateBase.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineCore.RunTemplate(ICompiledTemplate template, TextWriter writer, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.DynamicWrapperService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass23_0.<Run>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, Type modelType, Object model, DynamicViewBag viewBag)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()

1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.GridRowViewModel> 2 @using System.IO; 3 @using Dynamicweb; 4 @using Dynamicweb.Content; 5 @using Dynamicweb.Content.Items; 6 @using Dynamicweb.Security.Permissions; 7 @using Bluedesk.DynamicWeb.ItemTypes; 8 @using Bluedesk.DynamicWeb.ItemTypes.Configuration; 9 @using Bluedesk.DynamicWeb.ItemTypes.Settings.Configuration; 10 @using Dynamicweb.Frontend; 11 @using Dynamicweb.Frontend.Navigation 12 @using Dynamicweb.Ecommerce.ProductCatalog 13 @using Dynamicweb.Environment 14 @using Dynamicweb.Rendering; 15 16 @{ 17 bool OutputOne = Model.Column(1).Paragraph.ID.ToString() != "0" ? true : false; 18 bool OutputTwo = Model.Column(2).Paragraph.ID.ToString() != "0" ? true : false; 19 } 20 21 <div style="display: flex; flex-direction:row; background-color: #f1f1f1;"> 22 <div style="display: flex; flex-basis: 50%; align-items:center; justify-content:center;"> 23 @*@if (OutputOne) 24 { 25 @RenderBackgroundConfigurationTemplate(1); 26 }*@ 27 28 @Model.Column(1).Output() 29 </div> 30 <div style="display: flex; flex-basis: 50%; align-items: center; justify-content: center; "> 31 @*@if (OutputTwo) 32 { 33 @RenderBackgroundConfigurationTemplate(2); 34 }*@ 35 36 @Model.Column(2).Output() 37 </div> 38 </div> 39 40 @functions{ 41 string RenderBackgroundConfigurationTemplate(int ColumnCount) 42 { 43 string template = ""; 44 45 string paragraphItemId = Model.Column(ColumnCount).Paragraph.Item.Id; 46 int paragraphID = Model.Column(ColumnCount).Paragraph.ID; 47 48 BackgroundConfiguration _data = ItemManager.Storage.GetById<BackgroundConfiguration>(paragraphItemId); 49 50 string shadowClass = _data.contentShadow ? "contentShadow" : ""; 51 string backgroundImageRepeatClass = _data.BackgroundImageRepeat; 52 string backgroundImageSizeClass = ""; 53 54 string BackgroundImagePositionX = _data.BackgroundImagePositionX; 55 string BackgroundImagePositionY = _data.BackgroundImagePositionY; 56 57 string BackgroundImagePositionClass = ""; 58 59 if (backgroundImageRepeatClass == "no-repeat") 60 { 61 BackgroundImagePositionClass = BackgroundImagePositionY + "-" + BackgroundImagePositionX; 62 backgroundImageSizeClass = _data.BackgroundImageSize; 63 } 64 65 string contentGutterClass = _data.contentGutter; 66 string BackgroundPadding = _data.backgroundPadding; 67 68 string backgroundClass = !string.IsNullOrWhiteSpace(_data.BackgroundClass) ? string.Format("bg-{0}", _data.BackgroundClass) : ""; 69 string backgroundStyle = !string.IsNullOrWhiteSpace(_data.BackgroundColor) ? $"background-color: {_data.BackgroundColor}; " : ""; 70 backgroundStyle += !string.IsNullOrWhiteSpace(_data.BackgroundImage) ? $"background-image: url({_data.BackgroundImage}); " : ""; 71 72 template = $@" 73 <div style=""display: flex; flex-direction: column; padding: 25px;"" > 74 <div class=""multicolumn--{paragraphID} multicolumn {backgroundClass} {backgroundImageRepeatClass} {BackgroundImagePositionClass} {backgroundImageSizeClass} {contentGutterClass} {BackgroundPadding}"" style=""display: flex; flex-direction: row; {backgroundStyle}""> 75 <section class=""multicolumn__item""> 76 <div class=""cta-paragraph {shadowClass}"" style=""display: flex; flex-direction: column; padding: 25px;""> 77 <section class=""cta-paragraph__content-container""> 78 <header class=""cta-paragraph__header""> 79 <h2 class=""cta-paragraph__subheader"">Subheader</h2> 80 <h2 class=""cta-paragraph__header"">header</h2> 81 </header> 82 <div class=""cta-paragraph__text""> 83 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 84 </div> 85 </section> 86 </div> 87 </section> 88 <section class=""multicolumn__item""> 89 <div class=""cta-paragraph {shadowClass}"" style=""display: flex; flex-direction: column; padding: 25px;""> 90 <section class=""cta-paragraph__content-container""> 91 <header class=""cta-paragraph__header""> 92 <h2 class=""cta-paragraph__subheader"">Subheader</h2> 93 <h2 class=""cta-paragraph__header"">header</h2> 94 </header> 95 <div class=""cta-paragraph__text""> 96 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 97 </div> 98 </section> 99 </div> 100 </section> 101 </div> 102 {Model.Column(ColumnCount).Paragraph.Name.ToString()} 103 </div>"; 104 105 return template; 106 } 107 } 108 109 @*@helper RenderBackgroundConfigurationTemplate(int ColumnCount) 110 { 111 112 string paragraphItemId = Model.Column(ColumnCount).Paragraph.Item.Id; 113 int paragraphID = Model.Column(ColumnCount).Paragraph.ID; 114 115 BackgroundConfiguration _data = ItemManager.Storage.GetById<BackgroundConfiguration>(paragraphItemId); 116 117 string shadowClass = _data.contentShadow ? "contentShadow" : ""; 118 string backgroundImageRepeatClass = _data.BackgroundImageRepeat; 119 string backgroundImageSizeClass = ""; 120 121 string BackgroundImagePositionX = _data.BackgroundImagePositionX; 122 string BackgroundImagePositionY = _data.BackgroundImagePositionY; 123 124 string BackgroundImagePositionClass = ""; 125 126 if (backgroundImageRepeatClass == "no-repeat") 127 { 128 BackgroundImagePositionClass = BackgroundImagePositionY + "-" + BackgroundImagePositionX; 129 backgroundImageSizeClass = _data.BackgroundImageSize; 130 } 131 132 string contentGutterClass = _data.contentGutter; 133 string BackgroundPadding = _data.backgroundPadding; 134 135 string backgroundClass = !string.IsNullOrWhiteSpace(_data.BackgroundClass) ? string.Format("bg-{0}", _data.BackgroundClass) : ""; 136 string backgroundStyle = !string.IsNullOrWhiteSpace(_data.BackgroundColor) ? $"background-color: {_data.BackgroundColor}; " : ""; 137 backgroundStyle += !string.IsNullOrWhiteSpace(_data.BackgroundImage) ? $"background-image: url({_data.BackgroundImage}); " : ""; 138 139 <div style="display: flex; flex-direction: column; padding: 25px;"> 140 <div class="multicolumn--@paragraphID multicolumn @backgroundClass @backgroundImageRepeatClass @BackgroundImagePositionClass @backgroundImageSizeClass @contentGutterClass @BackgroundPadding" style="display: flex; flex-direction: row; @backgroundStyle"> 141 <section class="multicolumn__item"> 142 <div class="cta-paragraph @shadowClass" style="display: flex; flex-direction: column; padding: 25px;"> 143 <section class="cta-paragraph__content-container"> 144 <header class="cta-paragraph__header"> 145 <h2 class="cta-paragraph__subheader">Subheader</h2> 146 <h2 class="cta-paragraph__header">header</h2> 147 </header> 148 <div class="cta-paragraph__text"> 149 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 150 </div> 151 </section> 152 </div> 153 </section> 154 <section class="multicolumn__item"> 155 <div class="cta-paragraph @shadowClass" style="display: flex; flex-direction: column; padding: 25px;"> 156 <section class="cta-paragraph__content-container"> 157 <header class="cta-paragraph__header"> 158 <h2 class="cta-paragraph__subheader">Subheader</h2> 159 <h2 class="cta-paragraph__header">header</h2> 160 </header> 161 <div class="cta-paragraph__text"> 162 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 163 </div> 164 </section> 165 </div> 166 </section> 167 </div> 168 169 @Model.Column(ColumnCount).Paragraph.Name.ToString() 170 </div> 171 172 }*@ 173