En septembre 2020, Visual Builder a introduit Redwood Design en tant que nouvelle fonction pour les applications visuelles. Une partie de cette nouvelle conception de séquoia est également une bibliothèque de polices de symboles assez étendue.
Alors que Visual Builder fournit un grand nombre d’images de symboles intégrés via le composant «Symbol», la galerie de symboles Redwood Design n’a pas encore été intégrée à l’interface utilisateur de Visual Builder Designer.
Néanmoins, il est très facile d’utiliser les nouveaux symboles Redwood Design dans vos applications visuelles créées avec Visual Builder.

Vous trouverez un bon aperçu de tous les symboles du thème Redwood disponibles sur le Galerie d’icônes du thème Redwood dans notre CDN Oracle.

Pour utiliser ces icônes dans Visual Builder, il vous suffit d’ajouter un lien de feuille de style () dans la section le fichier index.html de votre application visuelle:

Vous pouvez ensuite utiliser les symboles dans vos éléments HTML via les classes CSS de symboles:

c’est à dire. Pour utiliser l’icône de nouvelle version du thème Redwood dans une balise d’étendue HTML:

  • Faites glisser et déposez un composant Span de la palette de composants Visual Builder sur votre site Web et ajoutez le nom de classe « oj-ux-ico-new-version » à la propriété de classe de l’élément Span

  • Ici, vous pouvez également voir à quoi ressemble le code généré

Facile non?

Bienvenue dans nos nouvelles icônes de conception Redwood dans Visual Builder!

max @ ateam



Source link

Recent Posts