2017-09-11 2 views
0

ich mit einem JSF-Projekt gerade arbeiten, die BootsFaces 1.1.3Bootsfaces scrollUp und Gliphicon

Ich habe versucht, mit dem folgenden ohne Glück

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

verwendet Wie kann ich eine glyphicon Icon-Set der Verwendung von b: ScrollUp?

Antwort

0

Ich habe es noch nicht versucht, aber laut der Dokumentation des Plugins müssen Sie das Attribut image="true" setzen. Das Bild selbst muss in einem CSS-Schnipsel definiert werden:

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

ein Glyphicon nutzen zu können, ist es wahrscheinlich der beste Ansatz, um die Glyphicon Definition nachschlagen und in den CSS-Schnipsel zu kopieren:

.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"; } 
    } 
Verwandte Themen