wijdatepager Step 1 of 3: Setting up the View

In this step, you'll begin by setting up the view. You'll add content to the datepager.

Note: This step assumes that you have created a MVC Tools project. See the Creating an MVC Tools Project topicfor more information.

Complete the following steps:

Navigate to the Solution Explorer, expand the Shared folder inside the Views folder, and double-click _Layout to open the file.
Add the following markup within the <body> tags of the page, just after @RenderBody():
<div id="datepager1" class="ui-corner-all"></div>
This markup will add the datepager content to the page.

In this step, you created the View. In the next step, wijdatepager Step 2 of 3: Initializing the Widget, you'll add script to initialize the widget.