KXB.Spark

.NET frontend modules

Installation

PM> Install-Package KXB.Spark.HorizontalHeaderMenu -Version 0.0.7
KXB.Spark.HorizontalHeaderMenu on NuGet.org

Preview

With 0 to 4 sub items


Preview

With 0 sub items


Preview

With 2 to 6 sub items


Preview

With 2 to 6 sub items and subtext


How this page was made

KXBSparkHorizontalHeaderMenu.cshtml

    
@model Web.ViewModels.SparkViewModel
@using ContentModels = Umbraco.Web.PublishedContentModels;
@{
    Layout = "~/Views/Layouts/_Layout.cshtml";
    var colorGenerator = new KXB.Spark.DummyData.Generators.ColorGenerator();

    var with0To4Sub = KXB.Spark.HorizontalHeaderMenu.HorizontalHeaderMenu.GenerateInstance(
        numberOfMenuItems: 5,
        hasSubText: false,
        minNumberOfSubItems: 0,
        maxNumberOfSubItems: 4,
        numberOfLevels: 2
        );
    var with0Sub = KXB.Spark.HorizontalHeaderMenu.HorizontalHeaderMenu.GenerateInstance(
        numberOfMenuItems: 5,
        hasSubText: false,
        minNumberOfSubItems: 0,
        maxNumberOfSubItems: 0,
        numberOfLevels: 2
        );
    var with2To6Sub = KXB.Spark.HorizontalHeaderMenu.HorizontalHeaderMenu.GenerateInstance(
        numberOfMenuItems: 5,
        hasSubText: false,
        minNumberOfSubItems: 2,
        maxNumberOfSubItems: 6,
        numberOfLevels: 2
        );
    var with2To6SubAndSubText = KXB.Spark.HorizontalHeaderMenu.HorizontalHeaderMenu.GenerateInstance(
        numberOfMenuItems: 5,
        hasSubText: true,
        minNumberOfSubItems: 2,
        maxNumberOfSubItems: 6,
        numberOfLevels: 2
        );
}

@Html.Partial("~/Views/Partials/_InstallationGuide.cshtml", Model.NugetModel)
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With 0 to 4 sub items</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_HorizontalHeaderMenu.cshtml", with0To4Sub)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", with0To4Sub)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With 0 sub items</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_HorizontalHeaderMenu.cshtml", with0Sub)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", with0Sub)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With 2 to 6 sub items</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_HorizontalHeaderMenu.cshtml", with2To6Sub)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", with2To6Sub)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With 2 to 6 sub items and subtext</h3>
    @Html.Partial("~/Views/Partials/KXB.Spark/_HorizontalHeaderMenu.cshtml", with2To6SubAndSubText)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", with2To6Sub)
</div>