Bootsfaces scrollUp和Gliphicon

Question

我正在处理一个使用BootsFaces 1.1.3的JSF项目

我尝试过以下几种方法，但没有成功

<b:scrollUp text="" distance="150" class="glyphicon glyphicon-chevron-up"/>

如何使用b:scrollUp设置字形图标？

Answer 1

我还没有试过，但是根据插件的文档，你必须设置属性image="true"。图像本身必须在CSS代码段中定义：

#scrollUp {
    background-image: url("../../img/top.png");
    bottom: 20px;
    right: 20px;
    width: 38px;    /* Width of image */
    height: 38px;   /* Height of image */
}  

要使用Glyphicon，最好的方法可能是查找Glyphicon定义并将其复制到CSS代码片段中：

    .glyphicon {
      position: relative;
      top: 1px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .glyphicon-chevron-up 
    { 
       &:before { content: "\e113"; } 
    }