Ext.js - Polices

Ext.js offre la possibilité d'utiliser différents packages de polices. Les packages de polices sont utilisés pour ajouter différentes classes pour les icônes disponibles dans le package.

  • Font-Awesome
  • Font-Pictos

Font-génial

Le nouveau thème ExtJS, Triton, a une famille de polices intégrée font-awesome incluse dans le framework lui-même, nous n'avons donc pas besoin d'exigence explicite pour la feuille de style font-awesome.

Voici un exemple d'utilisation des classes Font-Awesome dans le thème Triton.

Font-Awesome avec le thème Triton

Lorsque nous utilisons un autre thème en dehors de Triton, nous devons ou avons besoin d'ajouter une feuille de style pour font-awesome explicitement.

Voici un exemple d'utilisation des classes Font-Awesome sans le thème Triton.

Font-Awesome avec un thème normal (tout thème autre que le thème Triton)

Police-Pictos

Font-pictos n'est pas inclus dans le framework pour ExtJS, donc nous devons exiger la même chose. Seuls les utilisateurs licenciés de Sencha auront l'avantage d'utiliser font-pictos.

Étapes pour ajouter des polices-pictos

Step 1 - Exiger la classe font-pictos à l'aide de la commande suivante.

"requires": ["font-pictos"]

Step 2 - Ajoutez maintenant des classes pictos comme -

iconCls: 'pictos pictos-home'