1

SharePoint Designer:Data Views and ASP.NET

Controls

Penny Coventry

2

Session Agenda

What is SharePoint Designer?

Customise SharePoint Sites

Data View Web Part

ASP.NET Controls

3

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

4

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

5

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

6

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

7

DVWP Demo

DVWP – Viewing Data

DFWP – Modifying Data

8

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

9

Demo

Using ASP.NET Controls

10

Q & A