Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SharePoint 2010 Data View webparts - Advanced editing methods

11,565 views

Published on

* Introduction to data view webparts in SPD2010
* Advanced method to work with data view webparts.

Published in: Technology

SharePoint 2010 Data View webparts - Advanced editing methods

  1. 1. 8 September, 2010<br />SharePoint 2010<br />Advanced Data View Webparts<br />
  2. 2. Makeiteasier to createcustom data view webparts<br />Introductionto data view webparts in SPD2010<br />Advancedmethod to work with data view webparts.<br />Suggestsome tools youcanuse<br />Goals<br />SharePoint 2010 Advanced Data View Webparts<br />8 September, 2010<br />
  3. 3. 8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />The default dataview webpart<br />Difficult to style (css classes, …)<br />Difficult to edit/manipulate (complex xslt)<br />A lot of assumedrequiredfunctionality (clickability, integrated menu’s, …)<br />
  4. 4. Data View vs Content Query webpart<br />+ Supports multiple seperate data sources<br />+ OOB querystring support<br />+ Externaldatasources<br />+ Linkeddatasources<br />+ XLST embedded in the webpart or seperate file.<br />- Can only query a fixed set of sites (no “site and subsites”)<br /><ul><li>Requires someone fairly technical with SharePoint Designer</li></ul>SharePoint 2010 Advanced Data View Webparts<br />8 September, 2010<br />
  5. 5. Fiddlerwww.fiddler2.com<br />Stylus Studio 2010 XML Enterprise Suitewww.stylusstudio.com<br />Tool of choice to decodehtml<br />Firefox & Firebug<br />Tools I use<br />SharePoint 2010 Advanced Data View Webparts<br />8 September, 2010<br />
  6. 6. SharePoint 2010 Advanced Data View Webparts<br />8 September, 2010<br />Demonstration<br />All steps of the demo are included in the next slides.<br />
  7. 7. 8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />Creating a Minimal Data view webpart <br />Open the page you want to edit in AdvancedEditing mode in SPD<br />Insert a new “Empty Data View” into the page<br />
  8. 8. 8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />Intercept the XML data for the webpart <br />Click on “click here to select a datasource”, and select the datasourceyou want to workwith:<br />Start up Fiddler, and click on “refresh data source” in SharePoint designer. Youshouldsee 4 HTTP requests show up in fiddler.<br />
  9. 9. 8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />Identify the HTTP requestthatretreives the XML<br />
  10. 10. 8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />HTML-decodethis data and save itsomewhere.<br />Clean up the file, we’llonlyworkwith the tags “dsQueryResponse” and it’s contents<br />
  11. 11. 8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />Open a new document in Stylus studio 2010<br />Set the source XML URL to the xml file youjustcreated<br />Set Processor to .NET XslTransform<br />Click “Ok” to confirm<br />
  12. 12. 8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />Start writingyourown minimal xsltusing<br />Drag&drop values<br />Intellisense<br />Press to seeyourchangeson the fly<br />
  13. 13. 8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />Applyyournewstylesheet to the data view webpart<br />Copy the xsltfromStylus Studio to the webpart properties of your data view webpart:<br />
  14. 14. SharePoint 2010 Advanced Data View Webparts<br />8 September, 2010<br />

×