Content Query Webpart For Slider

I'm trying to create a simple jquery slider with the help of Content Query Webpart in sharepoint 2013. Can anyone help me on this with a simple video or example like how I can achieve this.

Hi Sreejith,
To display the search results as a slider in Content Query web part(CQWP), we can upload the
JQuery plugin to SharePoint and create a Custom ContentQueryMain.xsl and ItemStyle.xsl to render the results.
Here are some examples about the detailed steps for integrating a Slider with the Content Query Web Part in the links below for your reference(same for SharePoint 2013):
http://www.nothingbutsharepoint.com/2012/06/18/sharepoint-integrate-a-slider-with-the-content-query-web-part-part-1-what-does-my-slider-need-to-work-aspx/
http://www.nothingbutsharepoint.com/2012/07/10/sharepoint-integrating-a-slider-with-the-content-query-web-part-part-2-setting-up-my-content-source-aspx/
http://www.nothingbutsharepoint.com/2012/08/27/sharepoint-integrate-a-slider-with-the-content-query-web-part-part-3-integration-with-the-cqwp-aspx/
https://www.pena.id/2014/08/adding-slider-sharepoint-using-content-query-web-part-cqwp/
Best regards.
Thanks
Victoria Xia
TechNet Community Support

Similar Messages

Using Content Query webpart for specific Document library with multiple managed metadata - Document with multiple metadata tags not showing up

Hi,
I am having an issue where when I insert a Content Query webpart into a page, and filter to managed metadata, all the right documents show up except one document that happens to have two metadata tags attached to it. The content query webpart is set
to only look through a specific document library. I'm not sure what I am doing wrong.
Here is the one document with two metadata tags:
Below is the Content Query:

Hi,
As I understand, you did not get the results with multiple metadata tags through Content Query web part in SharePoint 2013.
Check things below:
1. Check if you have set the item limit more than the display items in Presentation section of the web part. If the item number more than item limit, the rest items will not show.
2. Check if the item you cannot find uses the content type you have set in the content type section of content query web part.
When you edit the properties of the item, you will see the content type the item is using.
Best regards
Sara Fan
TechNet Community Support

Custom Column Name in Webpart file and Itemstyle for Content Query WebPart

I was trying to incorporate a custom column in the content Query WebPart.
The name of the column displayed in the list is "Risk Score"; a calculated column.
I right clicked on the field in the list settings and copy hte short cut which is pasted below:
http://<mainURL>/_layouts/FldEdit.aspx?List=%7BFE4CC761%2DE9B8%2D487C%2D8B92%2D1E42539144C4%7D&Field=Risk%5Fx0020%5FScore
Could you please let me know what can i type in the WebPart file exported and then to be imported in the section:
<property name="CommonViewFields" type="string"></property>
Also, please let me know what should i enter in the itemstyle.xsl in the section
<td style="width:30%; font-size:10px;font-family:Verdana;color:#007EB6; border-style:solid; border-width:medium;border-color:#E1E1E1;">
<xsl:value-of select="@Risk%5Fx0020%5FScore" />
</td>
Tnx

Ok.
Use like this
<property name="CommonViewFields" type="string">RiskStrore,Lookup</property>
and include like this in the itemstyle
<td >Risk store
<xsl:value-of select="@RiskStore" />
</td>

Content Query Webpart not getting displayed in Mobile view

Hi,
I am having a Content Query Webpart in my page.
In the mobile view it is not getting displayed.
I read that you can create mobile adapters for the control. But I didnt get how to do it for Content Query Webpart.
Any help appreciated..

Is deactivate "Mobile view" a option for you? if then then CQWP will work in same page. You can deactivate that feature from site feature.
Please 'propose as answer' if it helped you, also 'vote helpful' if you like this reply.

Content query webpart use a part of the URL as filter

Hey,
I have on root site in the site collection a list. Now I like to build up a site template (from which the user can create sub sites form the root site in the site collection.
In this site template I like to bring on the homepage a content query webpart. The content query webpart has to show one item from the list on the start site.
How can I configure that the content query webpart use a part of the URL as filter?
Url is like:
http://Server/SiteCollection/ID/home.aspx
The ID must be the filter criterion in the content query webpart. How can I do this?
Thanks for your help
Stefan
Viele Grüße Stefan
Kontakt unter [email protected]

Hi Stefan,
You can create your own CQWP by subclassing the default one.
Then you can override the CAML query to add criteria found in the URL.
Here is more information and sample:
http://www.andrewconnell.com/blog/archive/2008/02/18/Subclassing-the-Content-Query-Web-Part-Adding-Dynamic-Filtering.aspx
http://msmvps.com/blogs/laflour/archive/2008/05/29/subclassing-content-query-web-part-to-override-caml-query.aspx
Regards,
Ludovic Caffin

In content query webpart columns are not displaying after clicking on edit webpart.

Hi,
I created a content query webpart. I added one custom item style in ItemStyle.xsl. This template having some date operations. Some date comparisons. The issue is, template containing some variables but after selecting my template it is not showing the variable
names to enter the list column. What will be the issue? Below is the code..
<xsl:template name="BirthdayList" match="Row[@Style='BirthdayList']" mode="itemstyle">
    <xsl:variable name="SafeImageUrl">
        <xsl:call-template name="OuterTemplate.GetSafeStaticUrl">
            <xsl:with-param name="UrlColumnName" select="'ImageUrl'"/>
        </xsl:call-template>
    </xsl:variable>
    <xsl:variable name="DisplayTitle">
        <xsl:call-template name="OuterTemplate.GetTitle">
            <xsl:with-param name="Title" select="@Title"/>
            <xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
        </xsl:call-template>
    </xsl:variable>
<xsl:variable name="EmployeeDesignation">
        <xsl:value-of select="@EmployeeDesignation" />
    </xsl:variable>
    <xsl:variable name="Birthday">
        <xsl:value-of select="@Birthday" />
    </xsl:variable>
    <xsl:variable name="dateTimeBirthday" select="ddwrt:FormatDate(string($Birthday), 1033, 3)" />
                <xsl:variable name="dateOfBirthday" select="substring-before(substring-after($dateTimeBirthday, ', '), ', ')"
/>
                <xsl:variable name="monthOfBirthday" select="substring-before($dateOfBirthday, ' ')" />
                <xsl:variable name="yearOfBirthday"   select="substring-after(substring-after($dateTimeBirthday, ', '), ',
')" />
                <xsl:variable name="TodaysDateOfBirthday">
                    <xsl:value-of select="ddwrt:FormatDate(string(ddwrt:Today()), 1033,3)"/>
                </xsl:variable>
                <xsl:variable name="TodaysDateOfBirthdayyy" select="substring-before(substring-after($TodaysDateOfBirthday, ',
'), ', ')" />
                <xsl:variable name="TodaysmonthOfBirthday" select="substring-before($TodaysDateOfBirthdayyy, ' ')" />
                <xsl:variable name="TodaysyearOfBirthday"   select="substring-after(substring-after($TodaysDateOfBirthday,
', '), ', ')" />
                 <xsl:if test="($dateOfBirthday)=($TodaysDateOfBirthdayyy)">
                 <xsl:if test="($monthOfBirthday)=($TodaysmonthOfBirthday)">
     <div>
        <div>
    </div>
    </div>
    <table width="100%">
    <tr width="100%">
                <td width="80%">
                                <table>
<tr>
<td><b><xsl:value-of select="$DisplayTitle"/></b></td>
                   </tr>
<tr>
<td> <xsl:value-of select="$EmployeeDesignation"/>
</td>
                   </tr>
                                </table>
                </td>
                <td width="20%">
                                <table>
<tr>
<td valign="top">
   <img width="60" height="60" src="{$SafeImageUrl}" alt="{@ImageUrlAltText}" title="{@ImageUrlAltText}" />
</td>
                                </tr>
                                </table>
                </td>
   </tr>
    </table>
</xsl:if>
       </xsl:if>
</xsl:template>

Hi,
Based on your example above, which columns / variables are not appearing when editing the CQWP that you want to bind managed properties / list columns to?
Eric Overfield - PixelMill -
ericoverfield.com -
@EricOverfield

Content Query Webpart show blog post with no of comments

Hi to All,
I want to show blog posts using content query webpart along with no of comments to that post
but comment column in the Posts list is lookup column so how to show no of comments using content query webpart.
Please help me.
Thanks,
Rohit Warghade...

I am not sure why, but I am getting
The site or list column "# Comments" does not exist or is not valid.
What could I be doing wrong?
Thanks!

Sharepoint 2013 Content query webpart translation "BUG"

I want to use a CQWP form my SharePoint(online) site in order to show all links in the link webparts. The site is in the Dutch language. What I want to do is described here:
http://www.its-on-the-internet-so-it-must-be-true.com/2013/01/sharepoint-link-list-content-query.html So in the properties of the webpart I want to do this:
In Dutch this looks like this (image 2 in my comment):
Link; URL [Basiskolommen];
Title: Comments;
The field "Comments" is ok, this is a part of the URL when I go to the properties of that field "89%7D&Field=Comments"
When I press apply in the properties the result is fine. The webpart return the link to a external site where the description of the link is the "Comments" field (in this example "SharePoint blog") (image 3):
However, after that, when I press save (page). This is changes: Now I see the complete URL and not the description anymore (image 4)
When I check the properties of the webpart I see that the field "Comments" is translated.
Now is says "Opmerkingen". I do not have any clue how to avoid this translation.
Any suggestions?
thanks, Mike

Hi Mike,
According to your description, there is an unexpected issue occur when using a Content Query Web Part to query the Link list in your online environment.
This is what I have done in my environment: in a Dutch site, create a Link list, add a column “Comments” into it. Then insert a Content Query Web Part into a page,
set the “Presentation” as “Title: Comments;”, apply and save the page.
It turns out that the “Title: Comments;” stay the same without being translated.
In the web part properties panel:
I would suggest you create another page and Link list and make the test again to see if it is an issue of the page in use.
Feel free to reply if there any progress.
Thanks
Patrick Liang
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support,
contact [email protected]
Patrick Liang
TechNet Community Support

Can i display links on content query webpart openup in light box in sharepoint 2013.

Hi,
I have few links on my Content Query Web Part in SharePoint 2013. I want to open those links in a light box form(pop-up and make background grayed out).
How can i do it.
Thanks,
M.M

Hi,
Please try the below
Pre-Requisite : Download sp.js,sp.ui.dialog.js files and keep it in Script Library
<script type='text/javascript'> $(document).ready(function () {LoadSodByKey('sp.js', function (){ });InvokeSPDialog('<value displayed inside window>','<title of the window>');});</script>
<divid="InformationBox"style="display:
none;">
<divid="Div2"style="height:
100px; padding-top:
10px; padding-left:
10px; padding-right:
10px;font-weight:
bold;"><labelid="lblInformationMessage"></label></div></div>
function InvokeSPDialog(Message, Title) {
var SplittedInfo = Message;
var PopUpTitle = Title;
SplittedInfo = SplittedInfo.replace(/,/g, '<br>'); // Or \n, depending on your needs
//alert(SplittedInfo);
var cloneModalContent = document.createElement('div');
$("#lblInformationMessage").html(SplittedInfo);
cloneModalContent.innerHTML = document.getElementById('InformationBox').innerHTML;
var diaOptions = SP.UI.$create_DialogOptions();
diaOptions.html = cloneModalContent,
diaOptions.title = PopUpTitle;
diaOptions.width = 300;
diaOptions.height = 100;
diaOptions.dialogReturnValueCallback = Function.createDelegate(null, CloseCallBack);
SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', diaOptions);
P.N :
I'm just giving the hint. Not 100% working code.
Thanks, Sures | MCTS SharePoint

Content Query Webpart -- Display part of the Page Content field

Hi,
I am using the following to display the first 200 characters of the Page Content field. However, when the Webpart is loaded, it displays not only the Content, but also the html (please notice that this has a html field type)
Code:
<div class="description">
<xsl:value-of select="substring(@PublishingPageContent, 0, 200)" disable-output-escaping="yes"/>
</div>
In the Browser, the content looks like:
<span id="ms-rterangepaste-start"></span><div>Test</div><span id="ms-rterangepaste-end">Page Content</span>
As oppose to just :
Test
Page Content
Is there something missing from the code? Please advice, your help would be greatly appreciated.

Hi,
If you writing the content within the Richtext filed you may not this kind of issue.
Thanks,
Vivek
Please vote or mark your question answered, if my reply helps you

Opening documents in Content Search Webpart

Hi,
I have configured Office Web app server with my SharePoint farm. It is working fine with document libraries. I have added the content search web part on home page. Office web app is not opening documents from CSWP. If i click in the document in CSWP, it
always prompts me to download the document.
Is this behavior is by design or i am missing some configuration in CSWP?
I have found article about same problem in Content Search Web Part.
http://jeroenvanree.wordpress.com/2012/10/18/sharepoint-2010-content-query-web-part-open-office-documents-in-office-web-app/
Same work around for CSWP in SharePoint 2013? Any help?

I see it a default behavior
Try below as workaround
http://jeroenvanree.wordpress.com/2012/10/18/sharepoint-2010-content-query-web-part-open-office-documents-in-office-web-app/
First I added a couple of templates to get the File and Site Paths I needed to build the URL
ContentQueryMain.xsl
Template:
<xsl:template name=”OuterTemplate.StripLast”>
<xsl:param name=”pText”/>
<xsl:param name=”pDelim” select=”‘/’”/>
<xsl:if test=”contains($pText, $pDelim)”>
<xsl:value-of select=”substring-before($pText, $pDelim)”/>
<xsl:if test=”contains(substring-after($pText, $pDelim), $pDelim)”>
<xsl:value-of select=”$pDelim”/>
</xsl:if>
<xsl:call-template name=”OuterTemplate.StripLast”>
<xsl:with-param name=”pText” select=”substring-after($pText, $pDelim)”/>
<xsl:with-param name=”pDelim” select=”$pDelim”/>
</xsl:call-template>
</xsl:if>
</xsl:template>
This template gets the Site Path out of the FilePathRef value of the file
ItemStyle.xsl
Call the template
<xsl:variable name=”SitePath“>
<xsl:variable name=”p” select=”@Description“/>
<xsl:call-template name=”OuterTemplate.StripLast”>
<xsl:with-param name=”pText” select=”$p”/>
</xsl:call-template>
</xsl:variable>
In this case the Description field out of the content query webpart properties is used to fill the
FileRefPath
The next thing is to use this variable in the build of the string:
<a href=”/{$SitePath}/_layouts/WordViewer.aspx?id={$SafeLinkUrl}” title=”{@LinkToolTip}”>
<xsl:if test=”$ItemsHaveStreams = ‘True’”>
<xsl:attribute name=”onclick”>
<xsl:value-of select=”@OnClickForWebRendering”/>
</xsl:attribute>
</xsl:if>
<xsl:if test=”$ItemsHaveStreams != ‘True’ and @OpenInNewWindow = ‘True’”>
<xsl:attribute name=”onclick”>
<xsl:value-of disable-output-escaping=”yes” select=”$OnClickTargetAttribute”/>
</xsl:attribute>
</xsl:if>
<xsl:value-of select=”$DisplayTitle”/>
</a>
If this helped you resolve your issue, please mark it Answered

Issues with Content Query Web Part List Override

I have modified a Content Query web part to show all checked out documents across my site collection. I used this property to get the checked out documents:
<property name="QueryOverride" type="string"><![CDATA[<Where><Geq><FieldRef Name="CheckoutUser" LookupId="TRUE"/><Value Type="int">0</Value></Geq></Where><OrderBy><FieldRef
Name="CheckoutUser"/></OrderBy>]]></property>
It fails when trying to view across the site collection and gives this error:
"There is a problem with the query that this webpart is issuing. Check the configuration of this webpart and try again."
However, it works for sub-sites.
Thus, I followed this blog to modify the ListsOverride property: http://geekswithblogs.net/simonh/archive/2013/05/08/increasing-the-number-of-lists-a-content-query-webpart-can.aspx I modified the property to:
<property name="ListsOverride" type="string"><![CDATA[<Lists Servertemplate="101" MaxListLimit="2000"></Lists>]]></property>
But now I am getting this response:
This query has returned no items. To configure the query for this Web Part, open the tool pane.
Can anyone tell me what the problem is? I cannot find anything in the ULS logs that would indicate a timeout from the SQL server or any other type of error.

Hi Susan,
According to your description, my understanding is that there is something wrong when you override content query web part property.
As you said, the query override works for sub-site, I suggest you check the data in the parent site whether the data is valid.
Here are some detailed articles for your reference:
http://rmanimaran.wordpress.com/2010/10/19/getfind-all-checked-out-documents-from-a-document-library-using-caml/
http://msdn.microsoft.com/en-us/library/office/aa981241(v=office.14).aspx
Best Regards
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Zhengyu Guo
TechNet Community Support

Error When inserting Content Query Web part onto the page

i am using share point 2010 and when i am trying to insert content query web part onto the page i am getting the following error
i checked the correlation id in the logs file but could not find anything useful in it.
please suggest why this problem occuring everytime when i try to insert content query webpart onto the page

Hi,
Check the correlation id in your logging files are the best way to investigate.
Did you check these files with "SharePoint ULS Log viewer". Maybe, that will be more easy for you to get the correlation Id.
Moreover, check the account's permissions with which you try to insert your webpart.
Regards.
Gilles Martinez
Twitter
Blog
Please mark as helpful/answer if this resolved your post

Content Query Web Part will not display all fields.

I would love some assistance on this. When I choose fields to display in the Web Part they do not appear. And I should say the the article "How to: Display Custom Fields in a Content Query Web Part" on the Developer Network is
a great start but it is only applicable to '07 and '10. Where is the detailed info for SP 2013??

Hi,
According to your description, my understanding is that you want to display custom columns in Content Query web part in SharePoint 2013.
Per my knowledge, the method for SharePoint 2013 to display custom columns in Content Query web part is the same with SharePoint 2010.
The method in the link below is also can be used for SharePoint 2013:
http://msdn.microsoft.com/en-us/library/ms497457(v=office.14).ASPX
Do you encounter any issue when customizing in in a Content Query Web Part?
Here are some links about customizing the ItemStyle.xsl to display custom columns in Content Query web part in SharePoint 2013 for you to take a look:
http://prafulgoyal.blogspot.in/2013/04/sharepoint-content-query-webpart-oob.html
http://social.msdn.microsoft.com/Forums/en-US/49739730-47c1-43df-9d0e-ad506e6ca31b/display-multiple-columns-in-content-query-webpart
http://social.msdn.microsoft.com/Forums/en-US/1484df2b-0fb9-4b58-b833-a75019db88c7/content-query-display-multiple-columns?forum=sharepointgeneral
Best regards.
Thanks
Victoria Xia
TechNet Community Support

Content Query is always showing bullets in style even when selecting different style

Hi,
My content Query webpart is always showing bullet in front of a line. I have made custom xsl styles and it still does it. I have also deleted the bullet style template but they are still there.
When the bullet style was chosen it bulleted the whole row so that the bullets would be on the text like this:
I should be having SharePoint OOTB settings for content query and I'm trying to display new discussien entrys and replies around my site collection.
BR,
Noora

Generally template should be like this
<xsl:template name="ListingItem" match="Row[@Style='ListingItem']" mode="itemstyle">
<xsl:variable name="SafeLinkUrl">
<xsl:call-template name="OuterTemplate.GetSafeLink">
<xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
</xsl:call-template>
</xsl:variable>
<xsl:variable name="DisplayTitle">
<xsl:call-template name="OuterTemplate.GetTitle">
<xsl:with-param name="Title" select="@Title"/>
<xsl:with-param name="UrlColumnName" select="'LinkUrl'"/>
</xsl:call-template>
</xsl:variable>
<xsl:variable name="SafeImageUrl">
<xsl:call-template name="OuterTemplate.GetSafeStaticUrl">
<xsl:with-param name="Title" select="''"/>
<xsl:with-param name="UrlColumnName" select="'ImageUrl'"/>
</xsl:call-template>
</xsl:variable>
<xsl:variable name="Location">
<xsl:value-of select="@Location" disable-output-escaping="yes"/>
</xsl:variable>
<div class="newsItemContainer">
<div class="txt">
<div class="title">
<h2>
<a href="{$SafeLinkUrl}" Title="{$DisplayTitle}">
<xsl:value-of select="substring($DisplayTitle, 0, 15)" disable-output-escaping="yes" />
<xsl:if test="string-length($Title) >= 15">...</xsl:if>
</a>
</h2>
<span class="Location">
<xsl:value-of select="$Location" disable-output-escaping="yes"/>
</span>
</div>
</div>
</div>
</xsl:template>

Content Query Webpart For Slider

Similar Messages

Maybe you are looking for