Monday, July 15, 2013

Using Dataview Webpart with SharePoint 2013

Using Dataview Webpart with SharePoint 2013

Let’s go ahead and use a DataView webpart and discuss some of the basic options that it provides.

Open SharePoint Designer 2013, connect to your site and create a new non-webpart page by clicking on New ASPX page in the folder in which you want to create the page.

image

Open the page in Advanced Mode by rt. clicking on it

Save the page, this is a good practice if not a lot of ribbon buttons are disabled. Keep doing this with any mods to the pages. Dataview webpart needs a webpart zone to render, drop a Webpart zone on it in between the form tags

image

After saving the page, go to the webpart zone tag and WebPartPages:WebPartZone and add DataViewWebpart

image

Vola! This has added the dataview webpart to the page, which is basically a lot of XSLT which we will go over very soon. Preview the page in the brower by clicking on the preview button.

image

 

Check out my below posts on DataView Webpart, leave me a comment if you find them useful  

Using Dataview Webpart with SharePoint 2013
Difference between XsltListview webpart VS DataFormwebpart
Filtering XSLT List view web part with Text filter Web parts

Filtering XSLT List view webpart with Multiple SharePoint List filter webparts

Using Apply Filter Button webpart with multiple Filter webparts
Clearing filter selection on a DataView created by Filter Webparts

7 comments:

  1. If I use a ASPX page to insert a dataview webpart, the master page will not be applied. So is there a way to do it in webpart page?

    ReplyDelete
  2. this is a useful start. what more can i do from here? How do i publish the page after i preview it?

    ReplyDelete
  3. Thanks for your post, it helps me a lot!!!

    ReplyDelete
  4. Add Empty data view :) .. best thing for XSLT customization


    http://aviralchawda.blogspot.in/2014/07/add-empty-data-view-in-sharepoint-2013.html?view=magazine

    ReplyDelete
  5. Thanks its helpfull and undestartable

    ReplyDelete
  6. I tried same way but my web part display is empty
    can u help me any one i cannot understand

    ReplyDelete