RP, TODO: Awaiting Active Campaign integration

Preline

Form module with linebreaks in headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum efficitur tincidunt mauris, id varius arcu. Sed justo nibh, pellentesque sed porttitor id, aliquam non augue.

Morbi ultrices consequat auctor (h2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pretium mi a erat efficitur, at pulvinar lacus consequat. Morbi efficitur, erat quis ornare feugiat, diam nulla venenatis quam, eu cursus dui ante eget odio. Nulla sagittis vestibulum purus, sit amet sagittis libero lacinia vel. Vivamus ut nibh laoreet, facilisis libero at, cursus turpis. Ut cursus metus ut semper blandit. Integer quis nibh est. Curabitur volutpat est sit amet libero tincidunt iaculis.

Nam vel ex justo. Vestibulum imperdiet mi lorem, in malesuada massa malesuada in. Mauris eu luctus odio. Aliquam eleifend enim risus, quis fringilla dolor dapibus non. Aliquam pulvinar mi ac mauris aliquet consectetur. Maecenas fringilla diam ut nunc suscipit ornare. Phasellus commodo sed massa eu luctus. Cras aliquam interdum justo, semper lobortis eros tincidunt vitae. Aliquam a mattis turpis, nec dictum massa. Maecenas vel ornare erat.

“Nullam pretium mi a erat efficitur, at pulvinar lacus consequat. Morbi efficitur, erat quis ornare feugiat, diam nulla venenatis quam, eu cursus dui ante eget odio.”

Quisque vehicula quis nisi et aliquam (h2)

Vivamus sem enim, sollicitudin at lorem quis, semper tempor lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse potenti. Integer leo urna, pretium eu convallis ut, accumsan vitae mauris. Vestibulum molestie erat eget dui volutpat, ut finibus ex sodales. Nam sem erat, vehicula ac nisi in, vulputate blandit purus. Ut vel egestas neque. Mauris pulvinar mattis tortor, eget auctor arcu. Morbi ultrices consequat auctor. Aenean dapibus eros metus, eu efficitur elit fringilla eget. Curabitur tincidunt sagittis elit, eget cursus nisl semper eget. Nulla porttitor sagittis elit, non euismod nisl suscipit ut. Nam tincidunt neque at mauris malesuada placerat. Nam a ipsum euismod sem imperdiet ornare efficitur quis mi.

Lorem ipsum dolor
sit amet consectetur adipisicing elit.
- Lorem ipsum dolor
- sit amet consectetur adipisicing elit.
- Quisquam suscipit ducimus recusandae. Quam.
  - Lorem ipsum dolor
  - sit amet consectetur adipisicing elit.
  - Quisquam suscipit ducimus recusandae. Quam.
  - dolorem ratione eveniet voluptatibus vero mollitia odio
- dolorem ratione eveniet voluptatibus vero mollitia odio
Quisquam suscipit ducimus recusandae. Quam.
dolorem ratione eveniet voluptatibus vero mollitia odio, facere culpa optio ab distinctio expedita tempora saepe quis animi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit a link looks like this. Nullam pretium mi a erat efficitur, at pulvinar lacus consequat. Morbi efficitur, erat quis ornare feugiat, diam nulla venenatis quam, eu cursus dui ante eget odio. Nulla sagittis vestibulum purus, sit amet sagittis libero lacinia vel. Vivamus ut nibh laoreet, facilisis libero at, cursus turpis. Ut cursus metus ut semper blandit. Integer quis nibh est. Curabitur volutpat est sit amet libero tincidunt iaculis.

Lorem ipsum dolor
sit amet consectetur adipisicing elit.
1. Quisquam suscipit ducimus recusandae. Quam.
2. Quisquam suscipit ducimus recusandae. Quam.
3. dolorem ratione eveniet voluptatibus vero mollitia odio, facere culpa optio ab distinctio expedita tempora saepe quis animi.
  1. Quisquam suscipit ducimus recusandae. Quam.
  2. Quisquam suscipit ducimus recusandae. Quam.
  3. dolorem ratione eveniet voluptatibus vero mollitia odio, facere culpa optio ab distinctio expedita tempora saepe quis animi.
  4. Quisquam suscipit ducimus recusandae. Quam.
4. Quisquam suscipit ducimus recusandae. Quam.
Quisquam suscipit ducimus recusandae. Quam.
dolorem ratione eveniet voluptatibus vero mollitia odio, facere culpa optio ab distinctio expedita tempora saepe quis animi.

Link

Error executing template "Designs/Website/Paragraph/Accordions.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_4312ba60a3804a42ba118e5e6a379e86.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.ParagraphViewModel>
  2     @using Dynamicweb.Frontend
  3     
  4     @{
  5         string moduleId = $"module{Model.ID}";
  6         string themeValue = Model.Item.GetString("Theme");
  7         string themeClass = $"theme{themeValue}";
  8     
  9         string preline = Model.Item.GetString("Preline");
 10         string headline = Model.Item.GetString("Headline");
 11         string richText = Model.Item.GetString("RichText");
 12         var link = Model.Item.GetValue<ItemViewModel>("Link");
 13         string linkUrl = link.GetString("Link");
 14         linkUrl = linkUrl.IndexOf("#") != -1 ? $"#module{linkUrl.Substring(linkUrl.IndexOf("#") + 1)}" : linkUrl;
 15         var accordions = Model.Item.GetValue<List<ItemViewModel>>("Accordions");
 16     }
 17     
 18     <article id="@moduleId" class="accordions-module @themeClass">
 19         @if (!string.IsNullOrWhiteSpace(preline))
 20         {
 21             <span class="accordions-module__preline">@preline</span>
 22         }
 23         @if (!string.IsNullOrWhiteSpace(headline) || !string.IsNullOrWhiteSpace(richText))
 24         {
 25             <div class="accordions-module__content">
 26                 @if (!string.IsNullOrWhiteSpace(headline))
 27                 {
 28                     <h2 class="accordions-module__headline">@headline</h2>
 29                 }
 30                 @if (!string.IsNullOrWhiteSpace(richText))
 31                 {
 32                     <div class="accordions-module__text rich-text">@richText</div>
 33                 }
 34                 @if (!string.IsNullOrWhiteSpace(linkUrl))
 35                 {
 36                     @RenderPartial("/partials/components/link.cshtml", link)
 37                 }
 38             </div>
 39         }
 40         <div class="accordions-module__list-wrap">
 41             @if (accordions != null && accordions.Count > 0)
 42             {
 43                 <div class="accordions-module__list-wrap">
 44                     @foreach (var item in accordions)
 45                     {
 46                         string accordionHeadlineId = $"accordion-item-{item.Id}-headline";
 47                         string accordionContentId = $"accordion-item-{item.Id}-content";
 48     
 49                         <div class="accordion__item" data-action="accordion">
 50                             <a href="#@accordionContentId" class="accordion__headline" id="@accordionHeadlineId" role="button" aria-expanded="false" aria-controls="@accordionContentId">
 51                                 <h3 class="accordion__headline-inner">
 52                                     <span class="accordion__headline-inner">@item.GetString("Headline")</span>
 53                                     <span class="accordion__icon"></span>
 54                                 </h3>
 55                             </a>
 56                             <div class="accordion__content-wrap" id="@accordionContentId" aria-hidden="true" aria-labelledby="@accordionHeadlineId">
 57                                 <div class="accordion__content rich-text">@item.GetString("RichText")</div>
 58                             </div>
 59                         </div>
 60                     }
 61                 </div>
 62             }
 63         </div>
 64     </article>

Full screen media

Preline

Text / media

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Cumque excepturi sapiente tenetur voluptatem aliquid praesentium ea sequi. Ipsum et repudiandae ea numquam sunt molestias aspernatur fuga, adipisci itaque inventore? Et?

Media Size: Small
With Image
Without Video

Link

Preline

Text / media

Media Size: Large
Reverse: True
With Image
Without Video

Link

Preline

Text / media

Media Size: Small
With Image
Without Video (Vimeo)

Link

Preline

Text / media

Media Size: Large
Reverse: True
With Image
With Video (Vimeo)

Link

Preline

Text / media

Media Size: 16/9
With Image
With Video (Youtube)
Show Controls: True

Link

Preline

Text / media

Media Size: 16/9
Reverse: True
Without Image
With Video (Youtube)
Show Controls: True

Link

Preline

Text / media

Media Size: 16/9
With Image
With Video (Vimeo)
Show Controls: True

Link

Preline

Text / media

Media Size: 16/9
Reverse: True
Without Image
With Video (Vimeo)
Show Controls: True

Link

Preline

Tabs

Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde adipisci libero modi neque voluptates, magnam assumenda aspernatur cumque molestiae iste aperiam quasi veniam reiciendis saepe nesciunt earum minus ad possimus. A possimus, expedita beatae saepe quaerat mollitia libero fuga laudantium obcaecati, tempora commodi sequi aspernatur nesciunt adipisci quam, ad odit? In adipisci provident, nesciunt sunt voluptate fuga possimus facilis delectus!

A possimus, expedita beatae saepe quaerat mollitia libero fuga laudantium obcaecati, tempora commodi sequi aspernatur nesciunt adipisci quam, ad odit? In adipisci provident, nesciunt sunt voluptate fuga possimus facilis delectus!

Video (YouTube)

Preline

Branding Text with linebreaks in headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin blandit orci nec dolor consectetur fermentum. Praesent malesuada venenatis auctor. Nullam maximus imperdiet turpis fermentum faucibus. Suspendisse dictum vulputate neque, id condimentum mauris luctus vitae. Donec cursus eros vitae ullamcorper bibendum.

Donec dapibus condimentum massa, quis semper ante cursus sollicitudin. Nunc lorem odio, tristique rutrum libero sit amet, imperdiet vulputate est. Mauris eget risus nibh. Praesent aliquet felis in risus porttitor, non efficitur mauris pharetra. Curabitur ac sollicitudin nulla. Duis vel sapien orci. Suspendisse potenti. Proin scelerisque justo ut vehicula bibendum. Curabitur venenatis arcu vitae ultricies iaculis. Pellentesque sollicitudin porta enim nec vehicula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Link

Preline

Employee list

Salg

Ledelse

Preline

Entrances

Preline

But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness.

John Doe CEO, Gotcha A/S

Form module with linebreaks in headline

Morbi ultrices consequat auctor (h2)

Quisque vehicula quis nisi et aliquam (h2)

Text / media

Text / media

Text / media

Text / media

Text / media

Text / media

Text / media

Text / media

Tabs

Branding Text with linebreaks in headline

Employee list

Entrances

Entrance #1

Entrance #2

Entrance #3