MVC5 Classic
wijtabs Step 1 of 3: Setting up the View

In this step you'll add the markup for a list that will become tabbed sections of content. 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 a list and content for the tabs.
    <div id="tabs">
                <ul>
                      <li><a href="#tabs-1">Tab 1</a></li>
                      <li><a href="#tabs-2">Tab 2</a></li>
                      <li><a href="#tabs-3">Tab 3</a></li>
                </ul>
                <div id="tabs-1">
                      <p>Tab 1 Content</p>
                </div>
                <div id="tabs-2">
                      <p>Tab 2 Content</p>
                </div>
                <div id="tabs-3">
                      <p>Tab 3 Content</p>
                </div>
          </div>
    

 

 


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

Product Support Forum |  Documentation Feedback