Customizing the Links SharePoint App to open links into new window using XSL Link


 

This article describe a simple way to format Links App web parts using XSL Link for SharePoint Server 2013 and SharePoint Online from Office 365.

Description

Into a Links app you can add new items by specifying URL, Description and Notes. By default all links stored in this lists are opened into the same windows/tab. This article purpose a new way to open links into another tab/windows by using a custom XSL file, without any programming skills or tools.

Remarks

There are many articles on the internet that are demonstrating the use of custom applications, JavaScript or programming languages. Other articles are referring to other type of links. (see References section)

Tested in SharePoint Server 2013 and SharePoint online from Office 365.

How it works

 

  1. Create a default Links app (Add an app, select Links, type the name example Links and press Ok).
  2. Open site contents, Site Assets, and upload the XSL file.
  3. Copy the shortcut of uploaded xsl file into your clipboard.
  4. Edit your page and insert Links App part.
  5. Check the webpart from page and select Web part Properties from Ribbon.
  6. From the right side expand Miscellaneous and paste your clipboard into the XSL Link text box and click Apply

How to add the XSL as XSL Link for Links App

Press Ok and Save the page.

XSL File

The file could be downloaded from Technet Gallery from the address:  https://gallery.technet.microsoft.com/Open-SharePoint-Links-into-76550ff1

<?xml version=”1.0″ encoding=”UTF-8″?>
<!–
#Project: Open Links in New Tab v1
#Author: Valy Greavu, MVP
#Date: 2014-11-26
#Version comment:
1:-
–>

<!– XLS Link SharePoint Definition –>
<xsl:stylesheet xmlns:x=”http://www.w3.org/2001/XMLSchema”
        xmlns:d=”http://schemas.microsoft.com/sharepoint/dsp”
        version=”1.0″
        exclude-result-prefixes=”xsl msxsl ddwrt”
        xmlns:ddwrt=”http://schemas.microsoft.com/WebParts/v2/DataView/runtime”
        xmlns:asp=”http://schemas.microsoft.com/ASPNET/20″
        xmlns:__designer=”http://schemas.microsoft.com/WebParts/v2/DataView/designer”
        xmlns:xsl=”http://www.w3.org/1999/XSL/Transform”
        xmlns:msxsl=”urn:schemas-microsoft-com:xslt”
        xmlns:SharePoint=”Microsoft.SharePoint.WebControls”
        xmlns:ddwrt2=”urn:frontpage:internal”>

    <xsl:output method=”html” indent=”no”/>
    <xsl:template match=”/” xmlns:x=”http://www.w3.org/2001/XMLSchema”>

    <!– Defining variable userd for all records from a Links list –>
    <xsl:variable name=”Rows” select=”/dsQueryResponse/Rows/Row” />
    <!– Display the list as a unsorted list. Also you can choose to create a table. –>   
    <ul>
        <xsl:for-each select=”$Rows”>
            <xsl:variable name=”LinkUrl”>
                <xsl:value-of select=”@URL”/>
            </xsl:variable>   
            <xsl:variable name=”LinkTitle”>
                <xsl:value-of select=”@URL.desc”/>   
            </xsl:variable>
            <li>
                <a href=”{$LinkUrl}” target=”_blank”>
                    <xsl:value-of select=”$LinkTitle” />
                </a>
            </li>
        </xsl:for-each>
    </ul>
    </xsl:template>

</xsl:stylesheet>   
<!– EOF –>

References

Anunțuri

5 gânduri despre “Customizing the Links SharePoint App to open links into new window using XSL Link

  1. Could we expand this XSL to selectively opt for new tab or in-page navigation for each hyperlink. I added a new column boolean type – NewTab (defaulted to NO) & tried to use tags, but it did not workout. Is there a way to achieve this.

    Apreciază

Lasă un răspuns

Completează mai jos detaliile tale sau dă clic pe un icon pentru a te autentifica:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s