SharePoint Designer: Data Views and ASP.NET Controls Penny Coventry 1

2 Session Agenda

What is SharePoint Designer? (SPD) Based on FrontPage Designed to help you: – Customise SharePoint Sites – Brand SharePoint Sites – Build Workflows – Create Content Management Templates – Build SharePoint Applications Quickly, Without Writing Server Code 3

What Does that Mean? High quality WYSIWYG design view Powerful code view with IDE features – IntelliSense for HTML/XHTML, JavaScript, VBScript, XSLT, and ASP.NET – Tag/function completion – ASP.NET support with control hosting, property editing, data binding Standards based sites – XHTML, CSS, XML, XSLT CSS best practices – DIV-based, table-free layouts Accessible Sites 4

Data View Web Part (DVWP) also known as the Data Form Web Part (DFWP) or simply Data View One of the most powerful components in Windows SharePoint Services The Swiss Army Knife of Web Parts Tool for Viewing and Managing data Different Data Sources – SharePoint Lists and Libraries – Databases – Web Services – Server-side scripts – Business Data Catalog Data retrieved in the form of XML 5

DVWP - DFWP Uses standard XSLT for final display WYSIWYG XSLT designer XSLT IntelliSense in code view Synced code/design view when editing XSLT More features: – Web part connections – Conditional formatting – In-line editing (with custom forms) of: SharePoint List data, SQL Server data, Static XML-based data, Data posted to Web Services – Can get parameters from QueryString, ServerVariables, ASP.NET controls, or Web Part Connections 6

DVWP Demo DVWP – Viewing Data DFWP – Modifying Data 7

ASP.NET Controls – Similar to those exposed by Visual Studio – Made available using the Toolbox Task Pane – Divided into 6 groups Standard Data Validation Navigation Login Web Parts 8

Demo Using ASP.NET Controls 9

Q & A 10