KXB.Spark

.NET frontend modules

Installation

PM> Install-Package KXB.Spark.VerticalMenu -Version 0.0.3
KXB.Spark.VerticalMenu on NuGet.org

Preview

Menu with groups, showing labels



Preview

Single menu without label



Preview

Menu with groups, no labels



Preview

With product data



How this page was made

KXBSparkVerticalMenu.cshtml

    
@model Web.ViewModels.SparkViewModel

@using KXB.Spark.VerticalMenu
@using ContentModels = Umbraco.Web.PublishedContentModels;
@{
    Layout = "~/Views/Layouts/_Layout.cshtml";

    var menu = KXB.Spark.VerticalMenu.VerticalMenu.GenerateInstance();
    var menuSingle = KXB.Spark.VerticalMenu.VerticalMenu.GenerateInstance(false, 1);
    var menuNoGroupLabel = KXB.Spark.VerticalMenu.VerticalMenu.GenerateInstance(false, 3);
    var productMenu = KXB.Spark.VerticalMenu.VerticalMenu.GenerateInstance(showGroupLabels: false, numberOfGroups: 1, minNumberOfItemsPerGroup: 5, maxNumberOfItemsPerGroup: 8, isProductMenu: true);
}

@Html.Partial("~/Views/Partials/_InstallationGuide.cshtml", Model.NugetModel)
<hr />

<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">Menu with groups, showing labels</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_VerticalMenu.cshtml", menu)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", menu)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">Single menu without label</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_VerticalMenu.cshtml", menuSingle)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", menuSingle)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">Menu with groups, no labels</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_VerticalMenu.cshtml", menuNoGroupLabel)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", menuNoGroupLabel)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With product data</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_VerticalMenu.cshtml", productMenu)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", productMenu)
</div>