2017-09-11 3 views
0

Je travaille avec un projet JSF qui utilise BootsFaces 1.1.3Bootsfaces Scrollup et Gliphicon

J'ai essayé avec les éléments suivants sans chance

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

Comment puis-je définir une icône glyphicon en utilisant la b: scrollUp?

Répondre

0

Je ne l'ai pas encore essayé, mais selon la documentation du plugin, vous devez définir l'attribut image="true". L'image elle-même doit être défini dans un extrait CSS:

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

Pour utiliser un Glyphicon, il est probablement la meilleure approche pour rechercher la définition de Glyphicon et de le copier dans l'extrait de code 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"; } 
    }