SlideShare uma empresa Scribd logo
1 de 19
#SPSBE




An introduction to XSLT in
        SharePoint
           #SPSBE07



          Elio Struyf
About me
• Elio Struyf
• SharePoint Consultant at Xylos
• Brander / Developer
• Twitter: eliostruyf
• Blog: http://estruyf.be/blog




                            @eliostruyf - #SPSBE07
A big thanks to our sponsors

Platinum Sponsors




Gold Premium Sponsors                            Venue Sponsor




Gold Sponsors




                        @eliostruyf - #SPSBE07
Agenda
• What is XSLT?
• Why use XSLT?
• Where to begin
• Demo’s




                   @eliostruyf - #SPSBE07
WHAT IS XSLT
• Extensible Stylesheet Language Transformations
• Transforming XML data into something else, ex: HTML
• XSLT >= CSS

                  Value = 1
                 XML Doc31
                  Value =
                 First name                  Last name
                  Value = 5                  Combined
                 XML name
                 Last Doc82                  Total = 20
                                             First name
                  Value =
                  Value = 2
                  Value = 1




                              @eliostruyf - #SPSBE07
COMPARISON WITH CSS




               @eliostruyf - #SPSBE07
WHAT IS XSLT
XML Data


                             Output

XSL Stylesheet




                 Processor
XSLT EXAMPLE




                                        http://bit.ly/HwJv7G




               @eliostruyf - #SPSBE07
WHY USE XSLT?
•   It allows you to filter and sort the data
•   Apply your own styling and formatting
     • Style your data in different formats
•   Doing calculations


•   Easy to use in SharePoint




                                            @eliostruyf - #SPSBE07
START USING IT!
•    Good to know: SP 2007 / 2010 = XSLT 1.0
•    SP2010 List views are created with XSLT


•    “XSLT is a tool, not a religion” – Doug Tidwell




                                           @eliostruyf - #SPSBE07
Data View Web Part: Selecting data

DEMO


                              @eliostruyf - #SPSBE07
SELECTING DATA
• <xsl:value-of select="@Priority" />




• <xsl:value-of select="substring-after(@Priority, ') ')" />




                               @eliostruyf - #SPSBE07
List View: Statements

DEMO


                        @eliostruyf - #SPSBE07
CONDITIONAL FORMATING
•   If Statements: <xsl:if test=“”></xsl:if>




•   Choose Element: <xsl:choose><xsl:when test=“”/><xsl:otherwise /></xsl:choose>




                                               @eliostruyf - #SPSBE07
Twitter Demo

DEMO


               @eliostruyf - #SPSBE07
SHOW HTML CONTENT
•   disable-output-escaping=“no”
     •   “<“ ”&lt;”




•   disable-output-escaping=“yes”
     • “<“  “<“




                                    @eliostruyf - #SPSBE07
Fiddler – Retrieving the raw XML

DEMO                                                    http://bit.ly/IrsPwU




                               @eliostruyf - #SPSBE07
Feedback via Twitter: #SPSBE07

THANK YOU!


                             @eliostruyf - #SPSBE07
We need your feedback!

               Scan this QR code or visit
               http://svy.mk/sps2012be


               Our sponsors:

Mais conteúdo relacionado

Último

Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

Último (20)

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 

Destaque

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Destaque (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Introduction to XSLT SPSBE07

  • 1. #SPSBE An introduction to XSLT in SharePoint #SPSBE07 Elio Struyf
  • 2. About me • Elio Struyf • SharePoint Consultant at Xylos • Brander / Developer • Twitter: eliostruyf • Blog: http://estruyf.be/blog @eliostruyf - #SPSBE07
  • 3. A big thanks to our sponsors Platinum Sponsors Gold Premium Sponsors Venue Sponsor Gold Sponsors @eliostruyf - #SPSBE07
  • 4. Agenda • What is XSLT? • Why use XSLT? • Where to begin • Demo’s @eliostruyf - #SPSBE07
  • 5. WHAT IS XSLT • Extensible Stylesheet Language Transformations • Transforming XML data into something else, ex: HTML • XSLT >= CSS Value = 1 XML Doc31 Value = First name Last name Value = 5 Combined XML name Last Doc82 Total = 20 First name Value = Value = 2 Value = 1 @eliostruyf - #SPSBE07
  • 6. COMPARISON WITH CSS @eliostruyf - #SPSBE07
  • 7. WHAT IS XSLT XML Data Output XSL Stylesheet Processor
  • 8. XSLT EXAMPLE http://bit.ly/HwJv7G @eliostruyf - #SPSBE07
  • 9. WHY USE XSLT? • It allows you to filter and sort the data • Apply your own styling and formatting • Style your data in different formats • Doing calculations • Easy to use in SharePoint @eliostruyf - #SPSBE07
  • 10. START USING IT! • Good to know: SP 2007 / 2010 = XSLT 1.0 • SP2010 List views are created with XSLT • “XSLT is a tool, not a religion” – Doug Tidwell @eliostruyf - #SPSBE07
  • 11. Data View Web Part: Selecting data DEMO @eliostruyf - #SPSBE07
  • 12. SELECTING DATA • <xsl:value-of select="@Priority" /> • <xsl:value-of select="substring-after(@Priority, ') ')" /> @eliostruyf - #SPSBE07
  • 13. List View: Statements DEMO @eliostruyf - #SPSBE07
  • 14. CONDITIONAL FORMATING • If Statements: <xsl:if test=“”></xsl:if> • Choose Element: <xsl:choose><xsl:when test=“”/><xsl:otherwise /></xsl:choose> @eliostruyf - #SPSBE07
  • 15. Twitter Demo DEMO @eliostruyf - #SPSBE07
  • 16. SHOW HTML CONTENT • disable-output-escaping=“no” • “<“ ”&lt;” • disable-output-escaping=“yes” • “<“  “<“ @eliostruyf - #SPSBE07
  • 17. Fiddler – Retrieving the raw XML DEMO http://bit.ly/IrsPwU @eliostruyf - #SPSBE07
  • 18. Feedback via Twitter: #SPSBE07 THANK YOU! @eliostruyf - #SPSBE07
  • 19. We need your feedback! Scan this QR code or visit http://svy.mk/sps2012be Our sponsors:

Notas do Editor

  1. TwoKeywords: Stylesheet – TransformationsXSLT canbecomparedwith CSS, but it is more powerful. They are bothusedtotellhoweach element shouldbedisplayed.XSLT is based on pattern matching. It mainlycontains templates that are usedtotransform the document.CSS cannot do forexample:Change the elements order in whichtheyappear in the document;Cannot do computations, ifyou want tocalculateand output a value;Cannot combine multiple documents.
  2. Processor:- Client Side – on the fly: http://www.w3schools.com/xsl/xsl_client.asp- Server Side (SharePoint)Test XSLT online tool: http://xslttest.appspot.com/&lt;?xml version=&quot;1.0&quot; ?&gt;&lt;greeting&gt; Welcome to the #SPSBE07 session!&lt;/greeting&gt;&lt;?xmlversion=&quot;1.0&quot; ?&gt;&lt;xsl:stylesheetversion=&quot;1.0&quot; xmlns:xsl=&quot;http://www.w3.org/1999/XSL/Transform&quot;&gt; &lt;xsl:outputmethod=&quot;html&quot; /&gt; &lt;xsl:template match=&quot;/&quot;&gt; &lt;html&gt; &lt;body&gt; &lt;xsl:apply-templates select=&quot;greeting&quot; /&gt; &lt;/body&gt; &lt;/html&gt; &lt;/xsl:template&gt; &lt;xsl:template match=&quot;greeting&quot;&gt; &lt;h1&gt; &lt;xsl:value-of select=&quot;.&quot; /&gt; &lt;/h1&gt; &lt;/xsl:template&gt;&lt;/xsl:stylesheet&gt;
  3. You do notdepend on the XML structure.
  4. Normallyyouneedtocreate a separate XSL file, butwith SharePoint Designer thisprocessisn’tneeded.
  5. &lt;xsl:choose&gt; &lt;xsl:when test=&quot;normalize-space($thisNode/@Status) = &apos;Deferred&apos;&quot;&gt; background-color: #FFCFD1; &lt;/xsl:when&gt; &lt;xsl:when test=&quot;normalize-space($thisNode/@Status) = &apos;Completed&apos;&quot;&gt; background-color: #DFFFDF; &lt;/xsl:when&gt; &lt;xsl:when test=&quot;@Status=&apos;In Progress&apos;&quot;&gt; background-color: #DFDFDF; &lt;/xsl:when&gt; &lt;xsl:otherwise&gt; background-color: transparent; &lt;/xsl:otherwise&gt;&lt;/xsl:choose&gt;&lt;xsl:if test=&quot;ddwrt:FormatDateTime(@DueDate, 1033, &apos;yyyyMMdd&apos;) &amp;lt;= ddwrt:FormatDateTime(ddwrt:Today(), 1033, &apos;yyyyMMdd&apos;)&quot;&gt; font-weight: bold;&lt;/xsl:if&gt;
  6. http://search.twitter.com/search.rss?q=QUERY&amp;rpp=TOTAL
  7. Optional. &quot;yes&quot; indicates that special characters (like &quot;&lt;&quot;) should be output as is. &quot;no&quot; indicates that special characters (like &quot;&lt;&quot;) should be output as &quot;&amp;lt;&quot;. Default is &quot;no&quot;