Your SlideShare is downloading. ×
0
SharePoint 2010 Data View webparts - Advanced editing methods
SharePoint 2010 Data View webparts - Advanced editing methods
SharePoint 2010 Data View webparts - Advanced editing methods
SharePoint 2010 Data View webparts - Advanced editing methods
SharePoint 2010 Data View webparts - Advanced editing methods
SharePoint 2010 Data View webparts - Advanced editing methods
SharePoint 2010 Data View webparts - Advanced editing methods
SharePoint 2010 Data View webparts - Advanced editing methods
SharePoint 2010 Data View webparts - Advanced editing methods
SharePoint 2010 Data View webparts - Advanced editing methods
SharePoint 2010 Data View webparts - Advanced editing methods
SharePoint 2010 Data View webparts - Advanced editing methods
SharePoint 2010 Data View webparts - Advanced editing methods
SharePoint 2010 Data View webparts - Advanced editing methods
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

SharePoint 2010 Data View webparts - Advanced editing methods

10,776

Published on

* Introduction to data view webparts in SPD2010 …

* 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
10,776
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
1
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 8 September, 2010<br />SharePoint 2010<br />Advanced Data View Webparts<br />
  • 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. 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. 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. 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. 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. 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 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. 8 September, 2010<br />SharePoint 2010 Advanced Data View Webparts<br />Identify the HTTP requestthatretreives the XML<br />
  • 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. 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. 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. 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. SharePoint 2010 Advanced Data View Webparts<br />8 September, 2010<br />

×