Dans le composant Bouton on trouve 4 onglets : Général ConfigurationStylesActions et Permissions 

1-Général Configuration :

  • on trouve deux types de boutons           

 

Sans titre.png

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    Sans titre.png

  • Container :

Sans titre.png

  
  
  
  

 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 :

                                         1689347197469-277.png

 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 

             Voir Actions & Permissions

Tags:
Created by Achraf El Kari on 2023/07/14 16:37
    
This wiki is hosted and managed by iXPath
Powered by XWiki 13.3 debian