Content Search Web Part with Hover Panel - Problem with positioning with css

Hi guys!
I´m having trouble with positioning the hover panel for the Content Search Web Part.
I used
this article to help me with luck as far as to the positioning. I´ve tried some inline styling but maybe my knowledge in css is no good enough here.
Here´s a screenshot from how this looks like. The hover panel generates a gap between the result items, the same height as the hover panel:

Hi Victoria!
No the gap comes without any inline css added from me. I´ve tried some inline styling, like z-index and position.
So, any ideas are welcome.
Here´s how my Display Template looks like:
<html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
<head>
<title>RC Customer Documents</title>
<!--[if gte mso 9]><xml>
<mso:CustomDocumentProperties>
<mso:TemplateHidden msdt:dt="string">0</mso:TemplateHidden>
<mso:ManagedPropertyMapping msdt:dt="string">&#39;Link URL&#39;{Link URL}:&#39;Path&#39;,&#39;Line 1&#39;{Line 1}:&#39;Title&#39;,&#39;Line 2&#39;{Line 2}:&#39;&#39;,&#39;FileExtension&#39;,&#39;SecondaryFileExtension&#39;</mso:ManagedPropertyMapping>
<mso:MasterPageDescription msdt:dt="string">This Item Display Template will show a preview and properties for Record Center Customer Documents</mso:MasterPageDescription>
<mso:ContentTypeId msdt:dt="string">0x0101002039C03B61C64EC4A04F5361F385106603</mso:ContentTypeId>
<mso:TargetControlType msdt:dt="string">;#SearchResults;#Content Web Parts;#</mso:TargetControlType>
<mso:HtmlDesignAssociated msdt:dt="string">1</mso:HtmlDesignAssociated>
<mso:HtmlDesignConversionSucceeded msdt:dt="string">True</mso:HtmlDesignConversionSucceeded>
<mso:HtmlDesignStatusAndPreview msdt:dt="string">http://d-records.isbank.is/rc/search/_catalogs/masterpage/Display Templates/Content Web Parts/_isb_record_center/tutorial/RC_CustomerDocuments.html, Conversion successful.</mso:HtmlDesignStatusAndPreview>
<mso:CrawlerXSLFile msdt:dt="string"></mso:CrawlerXSLFile>
<mso:HtmlDesignPreviewUrl msdt:dt="string"></mso:HtmlDesignPreviewUrl>
</mso:CustomDocumentProperties>
</xml><![endif]-->
</head>
<body>
<!--
Warning: Do not try to add HTML to this section. Only the contents of the first <div>
inside the <body> tag will be used while executing Display Template code. Any HTML that
you add to this section will NOT become part of your Display Template.
-->
<script>
$includeLanguageScript(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/Language Files/{Locale}/CustomStrings.js");
</script>
<!--
Use the div below to author your Display Template. Here are some things to keep in mind:
* Surround any JavaScript logic as shown below using a "pound underscore" (#_ ... _#) token
inside a comment.
* Use the values assigned to your variables using an "underscore pound equals"
(_#= ... =#_) token.
-->
<div id="RC_CustomerDocuments">
<!--#_
var id = ctx.ClientControl.get_nextUniqueId();
var itemId = id + Srch.U.Ids.item;
var hoverId = id + Srch.U.Ids.hover;
var hoverUrl = "~sitecollection/_catalogs/masterpage/Display Templates/Content Web Parts/_isb_record_center/tutorial/Item_RC_CustomerDocuments_HoverPanel.js";
$setResultItem(itemId, ctx.CurrentItem);
ctx.currentItem_ShowHoverPanelCallback = Srch.U.getShowHoverPanelCallback(itemId, hoverId, hoverUrl);
ctx.currentItem_HideHoverPanelCallback = Srch.U.getHideHoverPanelCallback();
var encodedId = $htmlEncode(ctx.ClientControl.get_nextUniqueId() + "_2lines_");
var linkURL = $getItemValue(ctx, "Link URL");
linkURL.overrideValueRenderer($urlHtmlEncode);
var iconURL = Srch.ContentBySearch.getIconSourceFromItem(ctx.CurrentItem);
var line1 = $getItemValue(ctx, "Line 1");
var line2 = $getItemValue(ctx, "Line 2");
line1.overrideValueRenderer($contentLineText);
line2.overrideValueRenderer($contentLineText);
var containerId = encodedId + "container";
var pictureLinkId = encodedId + "pictureLink";
var pictureId = encodedId + "picture";
var dataContainerId = encodedId + "dataContainer";
var line1LinkId = encodedId + "line1Link";
var line1Id = encodedId + "line1";
var line2Id = encodedId + "line2";
_#-->
<div class="cbs-Item" name="Item" id="_#= $htmlEncode(itemId) =#_" data-displaytemplate="RC_CustomerDocuments" onmouseover="_#= ctx.currentItem_ShowHoverPanelCallback =#_" onmouseout="_#= ctx.currentItem_HideHoverPanelCallback =#_">
<div id="wrapper">
<div id="_#= $htmlEncode(hoverId) =#_" ></div>
</div>
<a class="cbs-ItemLink" title="_#= $htmlEncode(line1.defaultValueRenderer(line1)) =#_" id="_#= pictureLinkId =#_">
<img class="cbs-Thumbnail" src="_#= $urlHtmlEncode(iconURL) =#_" alt="_#= $htmlEncode(line1.defaultValueRenderer(line1)) =#_" id="_#= pictureId =#_" />
</a>
<div class="cbs-Detail" id="_#= dataContainerId =#_">
<a class="cbs-Line1Link ms-noWrap ms-displayBlock" href="_#= linkURL =#_" title="_#= $htmlEncode(line1.defaultValueRenderer(line1)) =#_" id="_#= line1LinkId =#_">_#= line1 =#_</a>
<!--#_
if(!line2.isEmpty)
_#-->
<div class="cbs-Line2 ms-noWrap" title="_#= $htmlEncode(line2.defaultValueRenderer(line2)) =#_" id="_#= line2Id =#_">_#= line2 =#_</div>
<!--#_
_#-->
</div>
</div>
</div>
</body>
</html>
And here´s the hover panel:
<html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
<head>
<title>RC Customer Documents Hover Panel</title>
<!--[if gte mso 9]><xml>
<mso:CustomDocumentProperties>
<mso:TemplateHidden msdt:dt="string">0</mso:TemplateHidden>
<mso:MasterPageDescription msdt:dt="string">Displays a result hover panel tailored for a Portable Document Format (PDF) document.</mso:MasterPageDescription>
<mso:ContentTypeId msdt:dt="string">0x0101002039C03B61C64EC4A04F5361F385106603</mso:ContentTypeId>
<mso:TargetControlType msdt:dt="string">;#SearchHoverPanel;#</mso:TargetControlType>
<mso:HtmlDesignAssociated msdt:dt="string">1</mso:HtmlDesignAssociated>
<mso:ManagedPropertyMapping msdt:dt="string">&#39;Title&#39;:&#39;Title&#39;,&#39;Path&#39;:&#39;Path&#39;,&#39;Description&#39;:&#39;Description&#39;,&#39;EditorOWSUSER&#39;:&#39;EditorOWSUSER&#39;,&#39;LastModifiedTime&#39;:&#39;LastModifiedTime&#39;,&#39;CollapsingStatus&#39;:&#39;CollapsingStatus&#39;,&#39;DocId&#39;:&#39;DocId&#39;,&#39;HitHighlightedSummary&#39;:&#39;HitHighlightedSummary&#39;,&#39;HitHighlightedProperties&#39;:&#39;HitHighlightedProperties&#39;,&#39;FileExtension&#39;:&#39;FileExtension&#39;,&#39;ViewsLifeTime&#39;:&#39;ViewsLifeTime&#39;,&#39;ParentLink&#39;:&#39;ParentLink&#39;,&#39;FileType&#39;:&#39;FileType&#39;,&#39;IsContainer&#39;:&#39;IsContainer&#39;,&#39;SecondaryFileExtension&#39;:&#39;SecondaryFileExtension&#39;,&#39;DisplayAuthor&#39;:&#39;DisplayAuthor&#39;,&#39;ServerRedirectedURL&#39;:&#39;ServerRedirectedURL&#39;</mso:ManagedPropertyMapping>
<mso:HtmlDesignConversionSucceeded msdt:dt="string">True</mso:HtmlDesignConversionSucceeded>
<mso:HtmlDesignStatusAndPreview msdt:dt="string">http://d-records.isbank.is/rc/search/_catalogs/masterpage/Display%20Templates/Content%20Web%20Parts/_isb_record_center/tutorial/Item_RC_CustomerDocuments_HoverPanel.html, Conversion successful.</mso:HtmlDesignStatusAndPreview>
<mso:CrawlerXSLFile msdt:dt="string"></mso:CrawlerXSLFile>
<mso:HtmlDesignPreviewUrl msdt:dt="string"></mso:HtmlDesignPreviewUrl>
</mso:CustomDocumentProperties>
</xml><![endif]-->
</head>
<body>
<div id="Item_RC_CustomerDocuments_HoverPanel">
<!--#_
var i = 0;
var id = ctx.CurrentItem.csr_id;
ctx.CurrentItem.csr_ShowFollowLink = true;
ctx.CurrentItem.csr_ShowViewLibrary = true;
ctx.currentItem_ShowChangedBySnippet = true;
_#-->
<div class="ms-srch-hover-innerContainer ms-srch-hover-standardSize" id="_#= $htmlEncode(id + HP.ids.inner) =#_">
<div class="ms-srch-hover-arrowBorder" id="_#= $htmlEncode(id + HP.ids.arrowBorder) =#_"></div>
<div class="ms-srch-hover-arrow" id="_#= $htmlEncode(id + HP.ids.arrow) =#_"></div>
<div class="ms-srch-hover-content" id="_#= $htmlEncode(id + HP.ids.content) =#_" data-displaytemplate="RCCustomerDocumentsHoverPanel">
<div id="_#= $htmlEncode(id + HP.ids.header) =#_" class="ms-srch-hover-header">
_#= ctx.RenderHeader(ctx) =#_
</div>
<div id="_#= $htmlEncode(id + HP.ids.body) =#_" class="ms-srch-hover-body">
_#= ctx.RenderBody(ctx) =#_
</div>
<div id="_#= $htmlEncode(id + HP.ids.actions) =#_" class="ms-srch-hover-actions">
_#= ctx.RenderFooter(ctx) =#_
</div>
</div>
</div>
</div>
</body>
</html>
Thnx :)

Similar Messages

  • Content Search web part

    Hi
    Is it possible to filter the CSWP by "Value available in documents".
    We are trying to get all excel document which contains text "C:\Documents and Settings".
    Thanks in advance,
    Hazeq.

    Hi,
    You can add the following query text in the Content Search web part which will show all Excel files with
    phrase "Documents and Settings".
    (FileExtension:xls OR FileExtension:xlsx) (IsDocument:"True" OR contentclass:"STS_ListItem") "Documents and Settings"
    The reason why we cannot use "C:\Documents and Settings" is because by default most punctuation marks will be ignored when the content get indexed by
    Word Breaker. Therefore, there is not a phrase named "C:\Documents and Settings" existed in index file. A workaround is to use "Documents and Settings" phrase.
    Miles LI TechNet Community Support

  • Need Help ! Content Search Web Part with default callout menu as docoument library

    I want the above functionality with the Content Search Web Part(CSWP).

    Hi,
    Per my understanding, you might want to create something like a
    Content Search Web Part(which is introduced in SharePoint 2013) in your SharePoint 2010 environment with the callout menu functionality.
    As there is no OOTB Content Search Web Part in SharePoint 2010, a suggestion is that you can build a custom web part with the help of
    Search API and create custom callout menu for it.
    Two demos about
    how to work with Search API in SharePoint 2010 for your reference:
    http://nikpatel.net/2013/02/21/step-by-step-building-custom-sharepoint-2010-search-applications-using-keywordquery-api/
    http://www.dotnetmafia.com/blogs/dotnettipoftheday/archive/2010/08/12/how-to-use-the-sharepoint-2010-enterprise-search-keywordquery-class.aspx
    For about
    how to create a custom callout menu, the JavaScript plugins below would be helpful:
    http://www.jqueryrain.com/demo/jquery-context-menu/
    Thanks 
    Patrick Liang
    TechNet Community Support
    Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
    [email protected]

  • Content Search web part Customization with Tabs

    Hi,
    I'm customizing a Content Search web part. I need to create dynamic tabs on it based on the values of a retrieved specific column. Do you have idea on how to retrieve all the values all at once, so that I can format the tabs itself? Because right now, I
    can only get one list item at a time by using ctx.CurrentItem. Thanks. :)
    Regards,
    Napster

    You can make a REST call with groupby query on the specific column to get distinct values.
    This post is my own opinion and does not necessarily reflect the opinion or view of Slalom.

  • Using Content search web part to retrieve items from another site collection

    I have a web application that contains two site collections(team site + enterprise wiki), with the following URLs:-
    -http://applicationname/teamsite
    -http://applicationname/enterprisewiki
    Now I need to display the latest 10 wiki pages from the enterprise wiki site collection(according to the modified date) inside the team site. So I read that using Content search web part allow for cross-site content query. Currently I added a new content
    search web part , inside my team site, and I click on “change query” button. But I am not sure how I can reference the enterprise wiki site collection's wiki page library and to specify that I need to get the latest 10 wiki pages , inside the following dialog:-
    Basically this setting partially worked for me, I provide the following settings inside the “Build Your Query” dialog:-
    From the “Select a Query” I defined the following:- “items matching content type(system).”
    Restrict by app : “Do not restrict results by app”
    Restrict by content type “Enterprise Wiki Page”.
    This showed all the sites, lists and even pages are based on the “Enterprise Wiki Page” content type. But I am facing these three problems:-
    1. The above setting showed only the sites,lists and pages matching the “Enterprise Wiki Page” content type, that exists on another web application, and not that exists inside the current web application.
    2. To test the web part , I got the following results, But I was not able to add additional info for the items such as created by, modified by ,etc.
    3.  Also there is no way to sort the wiki pages by the modified date, as in the Sorting tab inside the “Build Your query” dialog I cannot find the “modified” inside the Soft by list
    So can anyone advice how to fix these three problems

    Hi,
    1. In "Build Your Query" dialog, we can select "Specify a URL" in
    Restrict by app and enter another site URL.
    2. If you want to add more information for the items, we need customize the display template, the following link for your reference:
    http://blogs.technet.com/b/sharepoint_quick_reads/archive/2013/08/01/sharepoint-2013-customize-display-template-for-content-by-search-web-part-cswp-part-1.aspx
    3. In the Sorting tab, we can use "LastModifiedTime" to instead of "Modified".
    Best Regards 
    Dennis Guo
    TechNet Community Support

  • Content Search web part - Display Project Enterprise Custom Fields and Lookup Tables

    My ultimate goal is to display a rollup table of our active projects (from PWA) on another site collection using the content search web part. I can return default properties (such as the project name, author and URL) fairly easily using the same basic steps
    in the link below.
    http://en.share-gate.com/blog/roll-up-sharepoint-2013-sites-using-search
    My problem is that I want to also display information associated with each project from our PWA enterprise custom fields (such as risk, phase, etc.)
    Because these custom fields do not appear to be site columns, I'm at a bit of a loss as to how this data is searched / indexed / mapped.
    Is it possible to display PWA enterprise custom fields in a content search web part?

    Hi Jennifer,
    According to your description, my understanding is that you want to display PWA enterprise custom fields in a Content Search web part in SharePoint 2013.
    As your active projects were from different site collection with the Content Search web part, you need to do a crawl for the content source, then create a managed property for the column in CA->Search Service Application->Search Schema. When you create
    the managed property, select Searchable, Queryable, Retrievable.  Then  map it to the crawled property based on the custom column. You can find the crawled property by searching the name of the column in crawled properties.
    More information, please refer to the link:
    http://technet.microsoft.com/en-us/library/jj219667(v=office.15).aspx
    I hope this helps.
    Thanks,
    Wendy
    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]
    Wendy Li
    TechNet Community Support

  • Content Search Web Part displaying wrong Results for anonymous Users.

    HI Forum Group,
    I am getting Wrong results for my content search web part. The requirement is to show the News Description for the selected news item.
    I have a catalog site which stores News like 
    News1
    News2
    News3
    as Items. and i have connected this catalog in publishing site which is anonymous. In the publishing site created one page "News.aspx"added search results webpart which shows all the news item. Added one page "Description.aspx" to show
    description to show the selected news item.
    When ever user selects any news from news.aspx page it will redirected to description.aspx with the selected item ID
    The "Description.aspx" the search results page gets the data based on the URL by QueryString parameter as shown below
    The problem is, if i multiple items to open in tabs all the items are showing the data same as the first selected item, though the article ID is different.
    Thanks
    Sithender

    Hi，
    Thank you for your feedback on how you were successful in resolving this issue.
    Your solution will benefit many other users, and we really value having you as a Microsoft customer.
    Have a nice day!
    Best Regards，
    Lisa Chen
    TechNet Community Support
    Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
    [email protected]

  • Content Search Web Part - Sorting not working

    I recently tried the new Content Search Web Part for which i see tremendous potential. I wanted to use it to show a certain type of pages and that was not a problem (i added a url as the source where i got the pages from). I mapped the correct fields so
    that it showed image, title and modified date. I then tried the advanced mode and told it to sort by the modified date, however any way I tried to apply this sort it just would not save my settings and reverted back to the default sorting. Is there anything
    else you need to do to get Sorting to work?
    /Anders

    I hadn't tried looking with REST, but that's a good suggestion.
    In the interim, I found this on TechNet:
    http://technet.microsoft.com/en-us/library/jj679902.aspx#BKMK_MapCPtoRefinableMP<o:p></o:p>
    When you search for a crawled property, you may find two crawled properties
    that represent the same content. For example, a site column of type Text named
    Color will during crawl discover two crawled properties: ows_Color and
    ows_q_TEXT_Color. Crawled properties that begin with either ows_r<four
    letter code>, ows_q<four letter code>, or ows_taxId are automatically
    created crawled properties. When you select a crawled property to map to a
    refinable managed property, make sure that you don't map the automatically
    created crawled property. Instead, always map the crawled property that begins
    with ows_.
    So clearly (as clearly as the doc makes it) I need to use ows_ArticleStartDate. I've made sure that crawled property is the one I'm using, but I'm still not seeing any effect.
    As for the sorting model, that only seems to be relevant for Rank sorting, right?
    M.
    Sympraxis Consulting LLC -
    Marc D Anderson's Blog - @sympmarc -
    jQuery Library for SharePoint Web Services (SPServices)

  • Content Search Web Part not work for Office Web Apps

    Hi ,
    In Content Search Web Part word documents are not able to open in browser,but in document library  its working.
    Office Web Apps not work in Content search web part
    Please help me
    Regards
    Sachin

    Below is the display template to open the document in OWA.
    <html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882"> 
    <head>
    <title>AdSpace Picture on top, 3 lines on bottom</title>
    <!--[if gte mso 9]><xml>
    <mso:CustomDocumentProperties>
    <mso:TemplateHidden msdt:dt="string">0</mso:TemplateHidden>
    <mso:ManagedPropertyMapping msdt:dt="string">&#39;Picture URL&#39;{Picture URL}:&#39;PublishingImage;PictureURL;PictureThumbnailURL&#39;,&#39;Link URL&#39;{Link URL}:&#39;Path&#39;,&#39;Line 1&#39;{Line
    1}:&#39;Title&#39;,&#39;Line 2&#39;{Line 2}:&#39;Description&#39;,&#39;Line 3&#39;{Line 3}:&#39;&#39;,&#39;FileExtension&#39;,&#39;SecondaryFileExtension&#39;,&#39;ContentTypeId&#39;,&#39;ServerRedirectedURL&#39;</mso:ManagedPropertyMapping>
    <mso:MasterPageDescription msdt:dt="string">This Item Display Template will show a 304x100 picture of the item on top. The title and the default item description will display to the bottom of the picture with an additional line that is available
    for a custom managed property.</mso:MasterPageDescription>
    <mso:ContentTypeId msdt:dt="string">0x0101002039C03B61C64EC4A04F5361F385106603</mso:ContentTypeId>
    <mso:TargetControlType msdt:dt="string">;#Content Web Parts;#</mso:TargetControlType>
    <mso:HtmlDesignAssociated msdt:dt="string">1</mso:HtmlDesignAssociated>
    <mso:_dlc_DocId msdt:dt="string">ZRMVMDDDEAE7-1-215</mso:_dlc_DocId>
    <mso:_dlc_DocIdItemGuid msdt:dt="string">583b0835-32ff-4d1c-983f-b6ff4a0ef956</mso:_dlc_DocIdItemGuid>
    <mso:_dlc_DocIdUrl msdt:dt="string">http://sp2013-dev-6:7000/sites/adspace/_layouts/15/DocIdRedir.aspx?ID=ZRMVMDDDEAE7-1-215, ZRMVMDDDEAE7-1-215</mso:_dlc_DocIdUrl>
    <mso:HtmlDesignConversionSucceeded msdt:dt="string">True</mso:HtmlDesignConversionSucceeded>
    <mso:HtmlDesignStatusAndPreview msdt:dt="string">http://sp2013-dev-6:7000/sites/adspace/_catalogs/masterpage/Display Templates/Content Web Parts/Item_PictureOnTop.html, Conversion successful.</mso:HtmlDesignStatusAndPreview>
    </mso:CustomDocumentProperties>
    </xml><![endif]-->
    </head>
    <body>
        <!--
                Warning: Do not try to add HTML to this section. Only the contents of the first <div>
                inside the <body> tag will be used while executing Display Template code. Any HTML that
                you add to this section will NOT become part of your Display Template.
        -->
        <script>
            $includeLanguageScript(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/Language Files/{Locale}/CustomStrings.js");
        </script>
        <!--
            Use the div below to author your Display Template. Here are some things to keep in mind:
            * Surround any JavaScript logic as shown below using a "pound underscore" (#_ ... _#) token
            inside a comment.
            * Use the values assigned to your variables using an "underscore pound equals"
            (_#= ... =#_) token.
        -->
        <div id="Item_PictureOnTop">
    <!--#_
    var useWACUrl = !$isEmptyString(ctx.CurrentItem.ServerRedirectedURL);
            if(ctx.ScriptApplicationManager && ctx.ScriptApplicationManager.states){
                useWACUrl = (useWACUrl && !ctx.ScriptApplicationManager.states.openDocumentsInClient);
            var appAttribs = "";
            if(!useWACUrl)
                if (!$isEmptyString(ctx.CurrentItem.csr_OpenApp)) { appAttribs += "openApp=\"" + $htmlEncode(ctx.CurrentItem.csr_OpenApp) + "\"" }; 
                if (!$isEmptyString(ctx.CurrentItem.csr_OpenControl)) { appAttribs += " openControl=\"" + $htmlEncode(ctx.CurrentItem.csr_OpenControl) + "\"" };
            var url = ctx.CurrentItem.csr_Path;
         if($isEmptyString(url)){
                if(useWACUrl)
                    url = ctx.CurrentItem.ServerRedirectedURL;
                } else {
                    url = ctx.CurrentItem.Path;
    var encodedId = $htmlEncode(ctx.ClientControl.get_nextUniqueId() + "_pictureOnTop_");
    var linkURL = $getItemValue(ctx, "Link URL");
    linkURL.overrideValueRenderer($urlHtmlEncode);
     var iconURL = Srch.ContentBySearch.getIconSourceFromItem(ctx.CurrentItem);
    var line1 = $getItemValue(ctx, "Line 1");
    var setLineHeightRenderer = function(valueInfoObj)
        if(!$isNull(valueInfoObj) && !valueInfoObj.isEmpty)
            if(!$isNull(valueInfoObj.defaultValueRenderer))
                return valueInfoObj.defaultValueRenderer(valueInfoObj);
            else
                return valueInfoObj.toString();
        else
            return "&nbsp;";
    var line2 = $getItemValue(ctx, "Line 2");
    line2.overrideValueRenderer(setLineHeightRenderer);
    var line3 = $getItemValue(ctx, "Line 3");
    line3.overrideValueRenderer(setLineHeightRenderer);
    var pictureURL = $getItemValue(ctx, "Picture URL");
    var pictureId = encodedId + "picture";
    var pictureMarkup = Srch.ContentBySearch.getPictureMarkup(pictureURL, 304, 100, ctx.CurrentItem, "cbs-pictureOnTopImg", line1, pictureId);
    var containerId = encodedId + "container";
    var pictureLinkId = encodedId + "pictureLink";
    var pictureContainerId = encodedId + "pictureContainer";
    var dataContainerId = encodedId + "dataContainer";
    var line1LinkId = encodedId + "line1Link";
    var line1Id = encodedId + "line1";
    var line2Id = encodedId + "line2";
    var line3Id = encodedId + "line3";
     _#-->
            <div class="top-content-box" id="_#= containerId =#_" data-displaytemplate="ItemPictureOnTop">
                <div class="top-content-img" id="_#= pictureContainerId =#_">
                    <a class="cbs-pictureImgLink" href="_#= $urlHtmlEncode(url) =#_" title="_#= $htmlEncode(line1) =#_" target="_blank" id="_#= pictureLinkId =#_">
                        _#= pictureMarkup =#_
                    </a>
                </div>
                    <h3 id="_#= line1Id =#_"><a class="cbs-pictureOnTopLine1Link" target="_blank" href="_#= $urlHtmlEncode(url) =#_" title="_#= $htmlEncode(line1) =#_"
    id="_#= line1LinkId =#_"> _#= line1 =#_ </a></h3>      
                    <span class="content-date" title="_#= $htmlEncode(line2) =#_" id="_#= line2Id =#_"><img class="cbs-Thumbnail" src="_#= $urlHtmlEncode(iconURL) =#_"
    alt="_#= $htmlEncode(line1.defaultValueRenderer(line1)) =#_" id="_#= pictureId =#_" />_#=line2=#_</span>                
            </div>
        </div>
    </body>
    </html>
    Basically,ctx.CurrentItem.ServerRedirectedURL is calculated by a managed property ServerRedirectedURL which needs to be included in the display template.
    Problem solved.
    Nehal Bhandari,ATL, Nagarro Softwares

  • {Today} variable in content search web part

    Hello,
    I am having issues with the {today} variable in the SharePoint 2013 Content Search Web Part. I’m trying to get all list items that have a Start date greater or equal to Today.
    I created a Search Managed Property called “NewsPublishingStartDate” (Date and Time type) and set the Content Search Web Part’s query to NewsPublishingStartDate>={Today}.
    The problem is that list items are being displayed in the web part 4 hours before the Start date. As an example: items that have a Start date of April 18 will start appearing in the Content Search web part April 17 at 8PM.
    Time zone for my web app was not set at first: I’ve set it to Eastern Time (US & Canada) and did a full crawl but I got the same wrong results.
    What I am missing?
    Thanks for your suggestions!

    Hi,
    As SharePoint stores all the DatetTme values in UTC time in the database, so the date value displays as UTC time zone in the search core results web part.
    If you need to change the time in the search results web part, you can export the web part and then edit the code for converting the time to the time zone you want.
    Here are some links for you to refer:
    http://itblog.wolthaus.net/2011/09/sharepoint-stores-dates-in-utc-time/
    http://stevemannspath.blogspot.jp/2013/01/sharepoint-200720102013-dynamic-time.html
    Best regards,
    Lisa Chen
    TechNet Community Support
    Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
    [email protected]

  • Using term set as refiner in content search web part does not show all used terms

    When you create a terms set (12 terms with +/- 10-20 child terms) , attach it to a site column and allow multiple values to be selected the search service does not find all used values in the REFINERS tab of the content search web part.
    Example:
    Field ‘Tags’ is the term set which can be refined. We want to do this in the REFINERS tab of the content search web part.
    Tags is containing following fields:
    •Course document
    •Poster
    •ALS
    •Before
    •During
    •CPR/AED I
    In all libraries we used +/- 15 different tags already.
    Example of a tag field in the library:   "Poster;ALS;Belgium"
    The problem is we can’t see all of the used tags in the refiners tab when you open it for the first time.  (You can see Belgium or Cyprus is not in the list of tags.)
    When you select one tag and add it as a refiner, the others eventually do show up. But never all of them together.   It’s like he is only showing the most used (and maybe first selected?) tags first. I also think he might be having some trouble
    with multi value selections in the tag field.
     Does anyone else have the same issue as we do? And is there a solution already?

    Hi Sasha,
    According to your description, my understanding is that all the used terms cannot display in the Refiners in Content Search web part.
    If the results display in the Search Result Preview, then the terms used in these results can be displayed in the Refiners tab.
    I tested the same scenario per your post, and when I first opened it I can view all the terms which were used in the search results listed under owsmetadatafacetinfo.
    I recommend to do a full crawl and then you can view all the terms used in the search results are displayed under owsmetadatafacetinfo.
    Best regards.
    Thanks
    Victoria Xia
    TechNet Community Support

  • Cannot retrieve data from PublishingPageContentOWSHTML in a Content Search Web Part

    I tried to display the content of a page using Content Search Web Part, the page is stored in a Pages library and the content type is Article Page.  When the data is retrieved in the Content Search Web Part, the page content mapping to PublishingPageContentOWSHTML
    is empty, although other data, such as Title and Page Image, can be retrieved.  It's very strange that I can do this work correctly for another CSWP web part, that page is stored in a Pages library in another subsite.  Both of the CSWP web parts
    are on the same publishing site.
    Could everybody tell me what I was doing wrong?   Thanks you very much in advance.
    Newbie to SharePoint.

    Hi Albert GSC, I had the same problem. I'm starting now with display templates and after including "'SecondaryFileExtension','ContentTypeId'" at the end of the mso:ManagedPropertyMapping section it worked.
    For example, my mso:ManagedPropertyMapping section was (PublishingPageContentOWSHTML returns empty):
    <mso:ManagedPropertyMapping msdt:dt="string">
    'Picture URL'{URL de la imagen}:'PublishingImage;PictureURL;PictureThumbnailURL',
    'Link URL'{Dirección URL del vínculo}:'Path',
    'Line 1':'ArticleStartDateOWSDATE',
    'Line 2':'Title',
    'Line 3':'PublishingPageContentOWSHTML'
    </mso:ManagedPropertyMapping>
    Then I included "'SecondaryFileExtension','ContentTypeId'" (PublishingPageContentOWSHTML returns its value):
    <mso:ManagedPropertyMapping msdt:dt="string">
    'Picture URL'{URL de la imagen}:'PublishingImage;PictureURL;PictureThumbnailURL',
    'Link URL'{Dirección URL del vínculo}:'Path',
    'Line 1':'ArticleStartDateOWSDATE',
    'Line 2':'Title',
    'Line 3':'PublishingPageContentOWSHTML',
    'SecondaryFileExtension','ContentTypeId'
    </mso:ManagedPropertyMapping>
    Still don't understand why but I'm looking for the reason, until then hope it helps

  • Office 365 - content search web part

    Hi,
    I have an office 365 site, and in one of the page, i had added 4 Content search web parts each of it having its own custom display templates.
    Now, the problem is when the page is browsed (intermittent) or edited (always), the CSWP's throwing error as 'Sorry, something went wrong'. And I found that, the corresponding .js files are not getting loaded, including the language script, because of which
    we are getting this error.
    Please assist.
    Thanks
    Senthu

    Hi Senthu,
    This error occurs may be due to the display template has not been published as a major version.
    Please go to the Master pages and page layouts in site settings > Display Templates > Content Web Parts > find the html file of the display templates used in your content search web part and then click the triangle and select Publish a Major Version.
    Reference:
    http://blogs.msdn.com/b/kaushalendra/archive/2013/08/16/sorry-something-went-wrong-in-content-by-search-web-part-for-some-users.aspx
    Best regards.
    Thanks
    Victoria Xia
    TechNet Community Support

  • Search by tag not working in content search web part

    Hi,
    I am trying to configure content search web part that only pull result with a specific tags. I have created a document library and assign tags on some document, also configured Managed Meta data service and search service application. Schedule search continuous
    crawl.
    If i am not specify any tag content search web part shows results but when I restrict result with specific tag like (#HomePage) it doesn't pull any result, i have also run crawl after tagging documents in document library.
    Kindly help me out.

    Lets suppose you have your "managed metadata property" added to your list/library with name "MetadataColumn". Crawled property is created  with name ows_MetadataColumn (I guess). Then You need to create a new managed property in
    search settings and map it to your crawled property (ows_...).
    Nothing else, use your Managed property in content search webpart and filter your results.
    MVS RAVI KUMAR

  • Content search web part in shar Point 2013

    how to write query in which parameters will comes from end user and depend on which result will come

    Hi,
    You can add the query parameter in the content search web part as shown in the below screenshot.  "MyParameter1" is the parameter you will be passing from the URL.
    Please mark it answered, if your problem resolved.

Maybe you are looking for

  • How to enable Further Entry Information from Entries Screen

    How to enable Further Entry Information field from Entries Screen. My requirement is to add a new input value in an existing element but system is not allowing me to enter a new input value , so I have decided to use Further Entry Information if it i

  • Delay to import .csv file

    Hi, The company receives many visitors who need to use the wireless network to authenticate it, I make a record in a web application, it generates a .csv and then saves it on an ftp server and run the command "import-data." It's taking aboutb 10 minu

  • Making my Powerbook g4 into a full time desktop

    I want to know if i can run a 26" SHARP AQUOS display with my 1.5GH G4 powerbook with a 128MB graphics card. I want to make my powerbook a full time desktop and i want to close my shell while in use (can i do that?). Let me know if thats possible. i

  • 2 ipods with 1 PC

    Is it possible to run a 20g and a 6g mini on the same PC . My PC is using windows and is set up for the 20g (mine). I just bought a 6g mini for my daughter and wondering if I have to load her software as well. Or can this even be done?!

  • XML Schema Syntax highlighting - quicker way than this?

    I have implemented a syntax highlighter for my XML Schema Editor, however it runs quite slowly. Is there a faster way than the method used below:           while(line.length() > len)                if(line.charAt(len) == '<' )                     app