Icones
Icônes d’ARender
Font Awesome
Description
Font Awesome est une police d’écriture et un outil d’icônes qui se base sur CSS. Cet outil offre une grande diversité d’icônes gratuites.
Utilisation
Pour personnaliser vos icônes avec Font Awesome vous devez changer la valeur du “class name” de votre bouton commençant par “icon” par celui voulu de Font Awesome.
Il est important de modifier uniquement la valeur commençant par “icon”.
Il est nécessaire d’avoir la classe name “fa” ou “fas” ou “fa-solid” dans la classe name de l’icon. Sinon la classe name de font-awesome ne sera pas pris en compte
Vous pouvez retrouver les icônes disponibles ici : https://fontawesome.com/icons
Exemple
Exemple avec le bouton de l’annotation de texte libre :
<bean id="addFreeTextAnnotationButton"
class="com.arondor.viewer.client.toppanel.presenter.ActivableButtonPresenter">
<constructor-arg value="addFreeTextAnnotationButton" />
<property name="enabled" value="${topPanel.annotationMenu.freetext}" />
<property name="className" value="standardButton fa-solid fa-border-top-left toppanelButton" />
<property name="buttonGroup" value="topPanel" />
<property name="buttonTitle">
<ref bean="labels#addFreetextAnnotation"/>
</property>
<property name="visibilityForTopPanel">
<ref bean="topPanelVisibilityMode" />
</property>
<property name="inactiveButtonHandler">
<ref bean="quitAnnotationCreationAction" />
</property>
<property name="buttonHandler">
<ref bean="freeTextCreationAction" />
</property>
<property name="supportShortCut" value="true"/>
<property name="shortcut">
<bean
class="com.arondor.viewer.client.documentcontent.shortcuts.KeyboardShortCut"
scope="prototype">
<property name="ctrl" value="true" />
<property name="key" value="${shortcut.annotation.freetext.key}" />
<property name="enabled" value="${shortcut.annotation.freetext.enabled}" />
</bean>
</property>
</bean>
Material Design Icons
Description
Material Design Icons est également une police d’écriture et un outil d’icônes qui se base sur CSS. Cet outil offre une grande diversité d’icônes gratuites.
Utilisation
Pour personnaliser vos icônes avec Material Design Icons vous devez changer la valeur du “class name” de votre bouton commençant par “icon” par celui voulu de Material Design Icons.
Il est important de modifier uniquement la valeur commençant par “icon”.
Il est nécessaire d’ajouter devant le nom de votre icône le préfixe “mdi-”. Vous devez également ajouter “mdi " devant le nom de votre “className” de css.
Vous pouvez retrouver les icônes disponibles ici : https://materialdesignicons.com/
Exemple
Exemple avec le bouton de l’annotation de texte libre :
<bean id="addFreeTextAnnotationButton"
class="com.arondor.viewer.client.toppanel.presenter.ActivableButtonPresenter">
<constructor-arg value="addFreeTextAnnotationButton" />
<property name="enabled" value="${topPanel.annotationMenu.freetext}" />
<property name="className" value="standardButton mdi mdi-text-shadow toppanelButton" />
<property name="buttonGroup" value="topPanel" />
<property name="buttonTitle">
<ref bean="labels#addFreetextAnnotation"/>
</property>
<property name="visibilityForTopPanel">
<ref bean="topPanelVisibilityMode" />
</property>
<property name="inactiveButtonHandler">
<ref bean="quitAnnotationCreationAction" />
</property>
<property name="buttonHandler">
<ref bean="freeTextCreationAction" />
</property>
<property name="supportShortCut" value="true"/>
<property name="shortcut">
<bean
class="com.arondor.viewer.client.documentcontent.shortcuts.KeyboardShortCut"
scope="prototype">
<property name="ctrl" value="true" />
<property name="key" value="${shortcut.annotation.freetext.key}" />
<property name="enabled" value="${shortcut.annotation.freetext.enabled}" />
</bean>
</property>
</bean>