{"id":1352,"date":"2012-02-08T12:13:13","date_gmt":"2012-02-08T11:13:13","guid":{"rendered":"http:\/\/www.itidea.nl\/?p=1352"},"modified":"2015-09-08T20:36:30","modified_gmt":"2015-09-08T18:36:30","slug":"empty-tooltip-in-refinement-panel","status":"publish","type":"post","link":"https:\/\/www.itidea.nl\/index.php\/empty-tooltip-in-refinement-panel\/","title":{"rendered":"Empty tooltip in refinement panel"},"content":{"rendered":"

Sometimes when hovering over a fieldvalue in the refinementpanel the tooltip displays only ‘Refine By:’ without displaying any value.
\n\"EmptyTooltipRefinementPanel\"<\/a><\/p>\n

While another displays an actual value:
\nActual term in a tree
\n\"Actual<\/a><\/p>\n

or just a ‘parent’ term
\n\"Parent<\/a><\/p>\n

Why?<\/h3>\n

When the fieldvalue is less than 19 characters the tooltip stays empty. Well empty.. it displays ‘Refine By:’. Every fieldvalue with more than 19 characters is displayed in the tooltip. A ‘parent’ term or a whole path.<\/p>\n

How to solve?<\/h3>\n

This behavior can be solved by adjusting the xslt.<\/p>\n

Original xslt:<\/p>\n

\r\n<a href="{$SecureUrl}" title="{$RefineByHeading}: {$UrlTooltip}">\r\n<xsl:value-of select="Value"\/>\r\n<\/a>\r\n<\/pre>\n
Adjusted xslt:<\/p>\n
\r\n<xsl:variable name="UrlTooltipAdjusted">\r\n <xsl:call-template name="format-tooltip">\r\n <xsl:with-param name="tooltip" select="$UrlTooltip" \/>\r\n <xsl:with-param name="string" select="Value" \/>\r\n <\/xsl:call-template>\r\n<\/xsl:variable>\r\n\r\n<a href="{$SecureUrl}" title="{$RefineByHeading}: $UrlTooltipAdjusted}">\r\n<xsl:value-of select="Value"\/>\r\n<\/a>\r\n\r\n<xsl:template name="format-tooltip">\r\n <xsl:param name="tooltip" \/>\r\n <xsl:param name="string" \/>\r\n <xsl:choose>\r\n <xsl:when test="$tooltip != ''">\r\n <xsl:value-of select="$tooltip" \/>\r\n <\/xsl:when>\r\n <xsl:otherwise>\r\n <xsl:value-of select="$string" \/>\r\n <\/xsl:otherwise>\r\n <\/xsl:choose>\r\n<\/xsl:template>\r\n<\/pre>\n
The ‘format-tooltip’ template checks if the tooltip is empty and replaces the tooltip value with the actual fieldvalue if so.
\nBy doing this the tooltip will never be empty and will always show the value of the fieldvalue.
\n\"Tooltip<\/a><\/p>\n
Summary<\/h3>\n
Besides the fieldvalues also the tooltip values suffer from a character limitation. The values of the refinement panel have a 19 character display limit, the tooltip doesn’t display the value when the fieldvalue is less than 19 characters.
\nThis and the previous post<\/a> solve these issues by making minor adjustments to the OOTB xslt.<\/p>\n","protected":false},"excerpt":{"rendered":"
Sometimes when hovering over a fieldvalue in the refinementpanel the tooltip displays only ‘Refine By:’ without displaying any value. While another displays an actual value: Actual term in a tree or just a ‘parent’ term Why? When the fieldvalue is … Read More »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[42,34],"class_list":["post-1352","post","type-post","status-publish","format-standard","hentry","category-sharepoint-2010","tag-sharepoint-2010","tag-xslt"],"_links":{"self":[{"href":"https:\/\/www.itidea.nl\/index.php\/wp-json\/wp\/v2\/posts\/1352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itidea.nl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itidea.nl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itidea.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itidea.nl\/index.php\/wp-json\/wp\/v2\/comments?post=1352"}],"version-history":[{"count":4,"href":"https:\/\/www.itidea.nl\/index.php\/wp-json\/wp\/v2\/posts\/1352\/revisions"}],"predecessor-version":[{"id":1360,"href":"https:\/\/www.itidea.nl\/index.php\/wp-json\/wp\/v2\/posts\/1352\/revisions\/1360"}],"wp:attachment":[{"href":"https:\/\/www.itidea.nl\/index.php\/wp-json\/wp\/v2\/media?parent=1352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itidea.nl\/index.php\/wp-json\/wp\/v2\/categories?post=1352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itidea.nl\/index.php\/wp-json\/wp\/v2\/tags?post=1352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}