Dans le composant Bouton on trouve 4 onglets : 

Général ConfigurationStylesActions et Permissions  bbh.png

1-Général Configuration :

  • on trouve deux types de boutons           

 

aa.png

Buton Type
Description
 TextWithIcon         Button :Ce type nous donne la possibilité de choisir une icone et écrire un titre pour le bouton
Icon Button :il affiche l’icone que l’utilisateur choisit
  

2-Styles :

   On trouve deux parties Container et Content    bb.png

  • Container :

Sans titreX.png

Container element
Description
Shadow: Ajouter un ombre au bouton
Background Color:Changer la couleur du background de bouton
Border Side :Définir où vous voulez positionner la bordure du bouton(all, left, right, top, bottom)
Border:Changer la couleur et le volume de la bordure de bouton
Border Type

Changer le type de la bordure (pointé, solide..)     1689346916293-889.png

Border Radius (px):

Définir le rayon des coins arrondis du Bouton. 1689347021554-136.png 1689347030547-277.png

  
  • Content :

                                         

fg.png

Content element
Description
 Spacing: 

 Définir l’espace entre l’icône et le texte dans le bouton 1689347292615-297.png

Icon Position:Choisir la position de l’icône (left, right, top, bottom)
 Align:  Alignement de l’icône avec le texte( left, center, right)
Size (px):

Définir la taille en pixel de l’icone et text du bouton  1689347476383-409.png

Color: 

Changer la couleur de l’icone et du texte de bouton  1689347644263-160.png

 Bold:   

Changer le texte en gras  

  

             

Tags:
    
This wiki is hosted and managed by iXPath
Powered by XWiki 13.3 debian