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

In this step you'll add the markup for <div> elements where the vertical and horizontal splitters 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 splitters will appear. 
    <div class="layout">
            <h3>
                Vertical</h3>
            <div id="vsplitter">
                <div>
                    panel1
                </div>
                <div>
                    panel2
                </div>
            </div>
        </div>
        <div class="layout" style="width: 100px;">
             </div>
        <div class="layout">
            <h3>
                Horizontal</h3>
            <div id="hsplitter">
                <div>
                    panel1
                </div>
                <div>
                    panel2
                </div>
            </div>
        </div>

 

 

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

Product Support Forum |  Documentation Feedback