SharePoint List Mashup’s Using SharePoint Designer

Eric HarlanPrincipal ArchitectSogeti LLC USASession Code: OFC311

SharePoint List Mash Up’sAbout Eric Harlan

Lets have FUN!Conversations not Lectures

First time in South AfricaFirst Tech EdSharePoint for 6 years, I.T. for 10

Principal Architect for Sogeti USA Twitter.com - @ericharlanhttp://www.ericharlan.com

SharePoint List Mashup’sWhat is a Mash Up?

A Mash Up is simply a combination of any of the following:The "S" word aka SharePoint DesignerSharePoint out of the box functionalityA little bit of code

What we'll be mashing up todayListsWeb PartsGUIXSL

SharePoint List Mashup’sCreating a list

As you know:Creating a list is simpleGives Users the ability to control when/how data is enteredEasy to back up and apply to the back up strategyAllows permissions scheme's to be appliedETC..

SharePoint List Mashup’sWeb Parts and When

Content QueryWhen there is data in SharePoint via lists/items and you want to show that data somewhere else.

Content EditorA simple HTML web part that allows you to place html/rich text directly onto a page.

AnnouncementsSimply pulling from a list and showing announcements on a page.

Data FormNeeding to collect data via a form but don’t have Form Services, or F.S. is overkill.

SharePoint List Mashup’sWeb Parts and When

Data ViewWhen you want to connect to different sources internal or external or just display the information differently

List View

SharePoint List Mashup’sData View Web Part

Other uses for the Data View WP and Mash up'sPost back content (data form)Data GridsFiltered Content displayETC..

SharePoint List Mashup’sData Sources

List Data Sources applicable in SharePoint DesignerOther listsXMLSQL DBOracle DBSAPWeb ServicesRSSODBC

SharePoint List Mashup’sThe Challenge

The Challenge was to create a rotating/sliding news announcements web part that power users could update and maintain on the fly.

SharePoint List Mashup’sTentative Steps

Created "newsslider" list, added columns, added content, added list as webpart to web part pageOpen SPD, opened web part page. Convert list view web part to xslt Saved page. (yes customize the page from the definition)Return to browser and refresh web part page.Modify shared web part settingsNow you should see an xsl button to change the xsl.Take the list xsl and pulled out the references to the columns and put them into new xsl. Then take the top <xsl:stylesheet> element from the list xml and add it to yours.Copy the new xsl text into the web part and hit ok.

SharePoint List Mashup’s

<xsl:choose><xsl:when test="substring-

before(@picurl, ', ')=''"><xsl:value-of select="substring-

after(@picurl, ', ')" /></

xsl:when><xsl:otherwise>

<IMG SRC="{substring-before(@picurl, ', ')}" ALT="{substring-after(@picurl, ', ')}" />

</xsl:otherwise>

</xsl:choose>

SharePoint List Mashup’s

MasterPage CSS and JS Reference

<link rel="stylesheet" type="text/css" href="/StyleLibrarynewslider/contentslider.css" />

<script type="text/javascript" src="/StyleLibrarynewslider/contentslider.js">

Win!LifeCam Show

Ultra-Thin Mobile DesignWorld-Class High Definition Optics

Question:Name another function that can be utilized using a Data View Web Part (First three, most creative wins)

Please attend other business productivity sessionsOffice and SharePoint track (OFC)Unified Communications (UNC)

List Mash Up to create a News SliderEric HarlanPrincipal ArchitectSogeti LLC

demo

SharePoint List Mashup’sPros & Cons

Your data is driven by a single list, in a single sub siteCan't use this on other site collections w/o setting up the same procedure again.Customized the siteYou CAN export the web part to use on the same sub site elsewhere. By doing this you also can set your sige/page back to the default site definition.

SharePoint List Mashup’sFarewell

Evaluations (5's are better)Lets Chat afterOther Tech Ed Sessions

InfoPath tips and tricksFederated SearchArchitecture Panel w/Joel Oleson, Hilton Giesenow, Zlatan Dzinic

Twitter.com - @ericharlanhttp://www.ericharlan.com

question & answer

www.microsoft.com/teched

Sessions On-Demand & Community

http://microsoft.com/technet

Resources for IT Professionals

http://microsoft.com/msdn

Resources for Developers

www.microsoft.com/learning

Microsoft Certification & Training Resources

Resources

Complete a session evaluation and enter to win!

10 pairs of MP3 sunglasses to be won

© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS,

IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

SharePoint List Mash Up’s

SharePoint List Mash Up’s

SharePoint List Mash Up’s

SharePoint List Mash Up’s

SharePoint List Mash Up’s

SharePoint List Mash Up’s

SharePoint List Mash Up’s

SharePoint List Mash Up’s

SharePoint List Mash Up’s

SharePoint List Mash Up’s

SharePoint List Mash Up’s

SharePoint List Mash Up’s

SharePoint List Mash Up’s