使DSpace Mirage 2中的高级过滤器“应用”按钮更加突出

时间:2015-09-25 02:20:06

标签: dspace

我的用户认为使用DSpace Mirage 2(XMLUI,DSpace 5.x)在搜索结果页面的高级过滤器部分找到“应用”按钮太困难了。他们要求此按钮更加突出,并尽可能地改进DSpace UI的这一部分。

例如,而不是默认值(与开箱即用的Mirage 2相比,定制的某些颜色/间距): enter image description here 显示这样的事情: enter image description here

我如何在幻影2中实现这一目标?

1 个答案:

答案 0 :(得分:4)

这可以通过混合使用XSL和CSS来实现,也可以更改messages.xml中的按钮标签。

preprocess discovery XSL file中,添加一个拦截此特定按钮的新模板,并添加Bootstrap btn-primary类:

<!-- make 'apply filters' and 'go' button on discovery screens a primary button -->
<xsl:template match="dri:field[@id='aspect.discovery.SimpleSearch.field.submit_apply_filter']">
    <field>
        <xsl:call-template name="copy-attributes"/>
        <xsl:attribute name="rend">
            <xsl:value-of select="@rend"/>
            <xsl:text> btn-primary</xsl:text>
        </xsl:attribute>
        <xsl:apply-templates/>
    </field>
</xsl:template>

在包含按钮的行中添加一些样式,以右对齐它们。这可以添加到_style.scss override file

的底部
#aspect_discovery_SimpleSearch_row_filter-controls {
  text-align: right;
}

最后,将“应用”按钮的英文标签更改为“搜索”,在messages file for the Discovery aspect中确保键xmlui.Discovery.AbstractSearch.filters.controls.apply-filters的值(默认值:应用)是您想要的任何内容:

<message key="xmlui.Discovery.AbstractSearch.filters.controls.apply-filters">Search</message>

请注意,在[dspace-src]/dspace-xmlui[dspace-src]/dspace-xmlui-mirage2中进行更改需要您使用DSpace的“完整构建选项”,您可以在顶级[dspace-src]目录中运行mvn。如果您当前使用“快速构建选项”(在[dspace-src]/dspace中运行mvn),请将这些文件复制到[dspace-src]/dspace/modules中的相应位置,然后对副本进行更改。