MVC5 Classic
wijprogressbar Step 1 of 3: Setting up the View
Widgets > wijprogressbar > wijprogressbar Tutorial > wijprogressbar Step 1 of 3: Setting up the View

In this step you'll add the markup to add <div> elements where the vertical and horizontal progress bars will appear. Complete the following:

  1. In the Solution Explorer, expand the Views | Shared folder and double-click _Layout.cshtml to open the file.
  2. Add the following markup within the <body> tags of the page to add <div> elements where the vertical and horizontal progress bars will appear. 
    <div class="layout ui-helper-clearfix">
        <h6>
            Horizontal</h6>
        <div id="hProBar">
        </div>
    </div>
    <div class="layout ui-helper-clearfix">
        <h6>
            Vertical</h6>
        <div id="vProBar">
        </div>
    </div>

 

 

Copyright (c) GrapeCity, inc. All rights reserved.

Product Support Forum |  Documentation Feedback