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>