URL fields in SharePoint Content Query Web Part

When a content query web part is used to query and display the items in the Links list, i got the output in a very undesirable format.



As you can see in the image above, it is showing the URL of the link followed by a comma and then the link text. Also when you click on the link in will take you to the display form for that item in the links list instead of taking us directly to the URL of the link.
So i started to modify the XSL to get the desired bahaviour which is
  1. It should show only the link text without the URL
  2. The hyperlink should point to the URL rather that the display form for that item.
For this go to your site's Style Lirrary->XSL Style Sheets
Download a copy of the ItemStyle.xsl
I named the copy as CategoryItemStyle.xsl. Modify the content of it to this


Upload the CategoryItemStyle.xsl to the Style library-> XSL Style Sheets.

Then export the default the Content Query Web Part and open in it in notepad or Visual Studio
Change the ItemXslLink property to the newly created style sheet


Save it and upload the web part to the web part gallery of your site collection.
Add this web part to a page and view the output now


As you can see, it no longer shows the URL for the hyperlink. Also the link points to www.msn.com for MSN, www.google.com for Google, and so on as entered in the Links list, instead of the displayform for the corresponding item.

Comments

Post a Comment

Popular posts from this blog

Create web part pages with custom layouts in SharePoint 2010

Image
SharePoint provides web part pages with eight layouts by default. Unfortunately the process of creating web part pages with custom layouts is a little complex. In this post i will show you how you can create web part pages with custom layouts. I have created a component which will deploy an application page which can be used to achieve this. Go to http://archive.msdn.microsoft.com/customspcf  and download the wsp file with the name CustomSPCF.wsp Deploy the solution. This will deploy an application page at /_layouts/customspcf/customspcf.aspx It will add four web part page layouts at 14\Template\1033\Sts\Doctemp\Smartpgs\CustomSPCF\ and four images corresponding to the layout at 14\Template\Images\CustomSPCF\ The below image shows how the application page will look like You can customize the application page and replace the deployed custom layouts or add new layouts. Follow the below steps to replace the exisitng layouts. 1. Go to the applciation page at 14\Templates\L
Read more

Create a Custom Timer Job in SharePoint 2010

Image
I had to create a custom timer job in SharePoint 2010 recently, but could not find a blog which explained the complete procedure to do this. So I decided to write one. In this post I will give a step by step process to create a Custom timer job in SharePoint 2010 using Visual Studio 2010. Timer jobs are created by extending the SPJobDefinition class and deployed as features. So we will create a class which extends the SPJobDefinition class. Then we will create a feature and we will handle the featureActivated() event of that feature. In that we will instantiate the class created. Let us see how to do all this. Create an empty SharePoint project in VS 2010. Give the Site Collection URL where you want this feature will be activated. Create a class in the project.   Add these namespaces using Microsoft.SharePoint; using Microsoft.SharePoint.Administration; class MyTimerJob : SPJobDefinition { public MyTimerJob() : base () { } public MyTimerJob( SPWebApplic
Read more

SharePoint list forms display HTML instead of rendering

Image
I have recently come across a problem where a custom list form i created using SharePoint designer was displaying the HTML directly instead of rendering it. As shown above the HTML for the Assigned To column value is not being rendered. To overcome this you just have to add a simple property to you XSLT. Select the HTML that is displayed and go to the code view. You will see the statement as <xsl:value-of select="@Assigned TO"></xsl:value-of> To this you have to add a parameter called display-output-escaping <xsl:value-of select="@Assigned TO" display-output-escaping="yes"></xsl:value-of> As you can see, this time the HTML is rendered properly.
Read more