1

所以我正在为文档搜索配置我的自定义核心结果 Web 部件,我需要显示更大的文档图标,而不是所有文档类型。

我发现 xsl 中的这部分描述了图标:

<div class="srch-Icon" id="{concat($currentId,'_Icon')}">                       
    <xsl:choose>
        <xsl:when test="isdocument='True'">
            <a>
                <xsl:attribute name="href">
                    <xsl:value-of select="concat('/_layouts/SPDocRedirect/SPItemRedirect.aspx?Type=filterid&amp;ItemId=',$listitemid,'&amp;Url=', url)"/>
                  </xsl:attribute>
                  <xsl:attribute name="title">
                    <xsl:value-of select="title"/>
                  </xsl:attribute>
                  <img align="absmiddle" src="{imageurl}" border="0" alt="{imageurl/@imageurldescription}" />   
            </a>
        </xsl:when>      
    </xsl:choose>           
    <xsl:choose>
        <xsl:when test="isdocument='False'">                
              <img align="absmiddle" src="{imageurl}" border="0" alt="{imageurl/@imageurldescription}" />   
        </xsl:when>      
    </xsl:choose>               

谁能建议我应该在上面的 xsl 中编辑什么?提前致谢

4

2 回答 2

2

我认为这更多是关于 HTML/CSS 的问题。

假设<img>您的示例中的标签是图标,您可以更新图像标签以包含宽度或高度:

<img style="height:100px;" align="absmiddle" src="{imageurl}" border="0" alt="{imageurl/@imageurldescription}" />

或者更新 CSS 以定位srch-icon类中包含的图像:

.srch-icon img {
  height: 100px;
}
于 2013-06-27T17:49:45.697 回答
1

我喜欢马修的回答,但如果你不喜欢图标太小。考虑一下这个技巧。

更新您的 XSLT 以在 img 标记上包含一个类名 (swapicon),如下所示:

<img class="swapicon" align="absmiddle" src="{imageurl}" border="0" alt="{imageurl/@imageurldescription}" />

这些图标位于 hive _layouts 文件夹中。您需要为所有文件格式制作新的高分辨率图标,文件名完全相同。然后将它们存储在图片库中。使用插入到搜索结果页面中的 JQuery onload() 来搜索该类名并替换 hive URL 中的 img href:

http://servername/_layouts/images/

到您的图片库 URL:

http://servername/fileformaticons/

因此,搜索结果页面上的图像将具有如下所示的 URL:

http://servername/fileformaticons/adobe.png

唯一的问题是页面加载后会出现图像闪烁以呈现新图标,这会减慢页面加载速度。这只是解决它的客户端方法。

于 2013-07-31T02:44:53.413 回答