Skins - sachatrauwaen/Dnn.Platform GitHub Wiki

The idea is to migrate step by step to MVC.

So in the the first step some part will run in MVC and other parts in WebForms.

So to have a working site we need actually to have a MVC and a WebForms Skin.

Actually a MVC skin is created inside a existing WebForms skin.

It consist of creating razor (.cshtml) files inside a "Views" subfolder of the skin.

Each existing WebForms skin file (.ascx) need to be converted to a razor file in the Views subfolder.

Example skins

How to convert a pane.

<div id="HeaderPane" class="col-md-12 headerPane" runat="server"></div>

<div id="HeaderPane" class="col-md-12 headerPane">@Html.Pane("headerpane")</div>

Make sure the panename is in lowercase.

How to convert a skinobject :

<dnn:BREADCRUMB ID="dnnBreadcrumb" runat="server" CssClass="breadcrumbLink" RootLevel="0" Separator="&lt;img src=&quot;/Portals/_default/Skins/Xcillion/Images/breadcrumb-arrow.png&quot; alt=&quot;breadcrumb separator&quot;&gt;" HideWithNoBreadCrumb="true" />

@Html.BreadCrumb(cssClass: "breadcrumbLink", rootLevel: 0, separator: "<img src=\"/Portals/_default/Skins/Xcillion/Images/breadcrumb-arrow.png\" alt=\"breadcrumb separator\" />", hideWithNoBreadCrumb: true)

And the same for the containers.

Example containers

Additional requirements:

  • add a web.config file to the views folder like in the example skin
  • add a web.config file to the views folder like in the example container
  • add a SkinPopup.cshtml to your skin views folder to allow editing in popups (required for the HtmlText module and possibly other MVC modules)
  • make sure your DDR menu definition is of type "Text" (XML is currently not supported)
⚠️ **GitHub.com Fallback** ⚠️