Code-barres

Aperçu

Le composant Avonni Bar Code est conçu pour permettre la génération et la personnalisation de différents types de codes-barres, offrant une représentation visuelle riche des données dans un format pouvant être scanné.

Grâce à ce composant, les utilisateurs peuvent créer des codes-barres avec une large gamme de spécifications. Chaque code-barres peut être ajusté finement, offrant des options de personnalisation telles que le type de code-barres, les dimensions, les couleurs et les propriétés d'affichage. Cela garantit que les codes-barres générés correspondent aux besoins spécifiques et aux considérations esthétiques de votre site web.

Configuration du code-barres

Personnalisation de la valeur du code-barres

La valeur du code-barres peut être définie de deux manières. Premièrement, vous pouvez saisir manuellement la valeur souhaitée pour le code-barres. Alternativement, la valeur peut provenir de l'une de vos collections existantes. Pour utiliser une valeur provenant d'une collection, basculez vers l'option d'entrée 'Mappé' et sélectionnez la collection appropriée comme source.

Basculez sur le champ d'entrée Mappé pour sélectionner une collection source comme valeur.

Choix du type de code-barres

Le composant Barcode prend en charge plus de 150 types de codes-barres différents. Sélectionnez celui dont vous avez besoin.

Principaux types de codes-barres pris en charge

Spécifications

🎛️ Propriétés

Nom	Description	Utilisation
Type	Sélectionnez le type de code-barres à générer.	Choisissez la symbologie de code-barres appropriée en fonction du cas d'utilisation ou de la norme sectorielle.
Valeur	Les données à encoder dans le code-barres.	Saisissez la valeur qui doit être convertie en forme de code-barres.
Checksum	Une option booléenne pour activer ou désactiver le calcul d'un chiffre de contrôle.	Activez pour inclure un chiffre de contrôle dans le code-barres, fournissant une couche supplémentaire d'intégrité des données.
Largeur	Définissez la largeur du code-barres.	Ajustez la largeur en fonction des considérations de conception de votre page web ou des contraintes physiques du support imprimé.
Hauteur	Définissez la hauteur du code-barres.	Personnalisez la hauteur pour vous assurer que le code-barres s'intègre bien dans l'espace alloué et soit facilement scannable.
Masquer la valeur	Une option booléenne pour afficher ou masquer la valeur encodée sous le code-barres.	Activez pour masquer la valeur numérique ou alphanumérique représentée par le code-barres, offrant une présentation visuelle plus épurée.

🎨 Apparence

Nom	Description	Utilisation
Couleur d'arrière-plan	Définissez la couleur de fond du composant code-barres.	Choisissez une couleur qui assure un bon contraste avec les traits et les chiffres du code-barres, garantissant lisibilité et capacité de lecture par scanner.
Couleur	Définissez la couleur des traits et du texte du code-barres.	Sélectionnez une couleur qui se détache sur le fond, optimisant la visibilité.
Alignement du texte	Définissez l'alignement du texte affiché sous le code-barres.	Ajustez l'alignement du texte pour l'harmoniser avec le design global et la mise en page de la page web ou du support imprimé.
Couleur du texte	Définissez la couleur du texte affiché sous le code-barres.	Choisissez une couleur facilement lisible sur le fond, garantissant que la valeur encodée est visuellement accessible.