8 September, 2010<br />SharePoint 2010<br />Advanced Data View Webparts<br />
Makeiteasier to createcustom data view webparts<br />Introductionto data view webparts in SPD2010<br />Advancedmethod to w...
8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />The default dataview webpart<br />Difficult to sty...
Data View vs Content Query webpart<br />+ Supports multiple seperate data sources<br />+ OOB querystring support<br />+ Ex...
Fiddlerwww.fiddler2.com<br />Stylus Studio 2010 XML Enterprise Suitewww.stylusstudio.com<br />Tool of choice to decodehtml...
SharePoint 2010 Advanced Data View Webparts<br />8 September, 2010<br />Demonstration<br />All steps of the demo are inclu...
8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />Creating a Minimal Data view webpart	<br />Open th...
8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />Intercept the XML data for the webpart	<br />Click...
8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />Identify the HTTP requestthatretreives the XML<br />
8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />HTML-decodethis data and save itsomewhere.<br />Cl...
8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />Open a new document in Stylus studio 2010<br />Set...
8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />Start writingyourown minimal xsltusing<br />Drag&d...
8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />Applyyournewstylesheet to the data view webpart<br...
SharePoint 2010 Advanced Data View Webparts<br />8 September, 2010<br />
Upcoming SlideShare
Loading in …5
×

SharePoint 2010 Data View webparts - Advanced editing methods

11,335 views
11,041 views

Published on

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

Published in: Technology
1 Comment
3 Likes
Statistics
Notes
  • Rik, which version are you using of Stylus Studio and why?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
11,335
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

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 />

×