Set Simple View

wijwizard supports two different views: one with header tabs and one without header tabs. This topic will walk you through creating a simple view of the wijwizard without header tabs.

Create an C1 ASP.NET MVC 5 Web Application.
In the Solution Explorer, expand the Views | Shared folder and double-click _Layout.cshtml to open the file.

Add the following markup within the <body> tags of the page.

<div id="pages">
         <div><p>Step 1</p></div>
         <div><p>Step 2</p></div>
         <div><p>Step 3</p></div>
    </div>

Use the following script to initialize the widget.

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
        $("#pages").wijwizard();
    });
</script>

Run your project. The simple wijwizard should resemble the following image.