Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -1,5 +1,5 @@
1	1	(% class="wikigeneratedid" id="HBoutonA0:" %)
2		-Dans le composant Bouton on trouve 4 onglets :
	2	+In the Button component, we find 4 tabs:
3	3
4	4	(% class="wikigeneratedid" %)
5	5	**Général Configuration**, **Styles**, **Actions** et **Permissions**  [[image:bbh.png]]
...	...	@@ -9,7 +9,7 @@
9	9	== __1-Général Configuration__ : ==
10	10	)))
11	11
12		-* on trouve deux types de boutons
	12	+* There are two types of buttons
13	13
14	14
15	15	)))
...	...	@@ -24,14 +24,14 @@
24	24	)))|(% style="text-align:center; width:347px" %)(((
25	25	====== **Description** ======
26	26	)))
27		-|(% style="height:80px; width:151px" %)** TextWithIcon  Button** :|(% style="width:347px" %)Ce type nous donne la possibilité de choisir une icone et écrire un titre pour le bouton
28		-|(% style="height:80px; width:151px" %)**Icon Button :**|(% style="width:347px" %)il affiche l’icone que l’utilisateur choisit
	27	+|(% style="height:80px; width:151px" %)** TextWithIcon  Button** :|(% style="width:347px" %)This type allows us to choose an icon and write a title for the button
	28	+|(% style="height:80px; width:151px" %)**Icon Button :**|(% style="width:347px" %)It displays the icon that the user chooses
29	29	|(% style="height:80px; width:151px" %) |(% style="width:347px" %)
30	30
31	31	(((
32	32	== __2-Styles __: ==
33	33
34		- On trouve deux parties **Container **et** Content**    [[image:bb.png]]
	34	+ We have two parts: **Container** and **Content**  [[image:bb.png]]
35	35	)))
36	36
37	37
...	...	@@ -47,15 +47,15 @@
47	47	)))|=(% style="text-align: center; width: 336px;" %)(((
48	48	====== **Description** ======
49	49	)))
50		-|(% style="width:162px" %)**Shadow: **|(% style="width:336px" %)Ajouter un ombre au bouton
51		-|(% style="width:162px" %)**Background Color:**|(% style="width:336px" %)Changer la couleur du background de bouton
52		-|(% style="width:162px" %)**Border Side** :|(% style="width:336px" %)Définir où vous voulez positionner la bordure du bouton(all, left, right, top, bottom)
53		-|(% style="width:162px" %)**Border**:|(% style="width:336px" %)Changer la couleur et le volume de la bordure de bouton
	50	+|(% style="width:162px" %)**Shadow: **|(% style="width:336px" %)To add a shadow to the button
	51	+|(% style="width:162px" %)**Background Color:**|(% style="width:336px" %)To change the background color of the button
	52	+|(% style="width:162px" %)**Border Side** :|(% style="width:336px" %)To define where you want to position the button border (all, left, right, top, bottom)
	53	+|(% style="width:162px" %)**Border**:|(% style="width:336px" %)To change the color and thickness of the button border
54	54	|(% style="width:162px" %)**Border Type**: |(% style="width:336px" %)(((
55		-(% id="cke_bm_1441S" style="display:none" %) (%%)Changer le type de la bordure (pointé, solide..)  [[image:1689346916293-889.png]]
	55	+(% id="cke_bm_1441S" style="display:none" %) (%%)To change the type of button border (dotted, solid, ...)  [[image:1689346916293-889.png]]
56	56	)))
57	57	|(% style="width:162px" %)**Border Radius (px)**:|(% style="width:336px" %)(((
58		-(% id="cke_bm_1499S" style="display:none" %) (%%)Définir le rayon des coins arrondis du Bouton. [[image:1689347021554-136.png]] [[image:1689347030547-277.png]]
	58	+(% id="cke_bm_1499S" style="display:none" %) (%%)To define the radius of the button's rounded corners. [[image:1689347021554-136.png]] [[image:1689347030547-277.png]]
59	59	)))
60	60	|(% style="width:162px" %) |(% style="width:336px" %)
61	61
...	...	@@ -74,18 +74,18 @@
74	74	====== **Description** ======
75	75	)))
76	76	|(% style="width:162px" %) **Spacing: **|(% style="width:336px" %)(((
77		-(% id="cke_bm_6755S" style="display:none" %) (%%) Définir l’espace entre l’icône et le texte dans le bouton [[image:1689347292615-297.png||height="44" width="95"]]
	77	+(% id="cke_bm_6755S" style="display:none" %) (%%)To define the spacing between the icon and the text in the button [[image:1689347292615-297.png||height="44" width="95"]]
78	78	)))
79		-|(% style="width:162px" %)**Icon Position:**|(% style="width:336px" %)Choisir la position de l’icône (left, right, top, bottom)
80		-|(% style="width:162px" %)** Align:  **|(% style="width:336px" %)Alignement de l’icône avec le texte( left, center, right)
	79	+|(% style="width:162px" %)**Icon Position:**|(% style="width:336px" %)To choose the position of the icon (left, right, top, bottom)
	80	+|(% style="width:162px" %)** Align:  **|(% style="width:336px" %)To align the icon with the text (left, center, right)
81	81	|(% style="width:162px" %)**Size (px):**|(% style="width:336px" %)(((
82		-(% id="cke_bm_7131S" style="display:none" %) (%%)Définir la taille en pixel de l’icone et text du bouton  [[image:1689347476383-409.png||height="36" width="76"]](% id="cke_bm_7131E" style="display:none" %)
	82	+(% id="cke_bm_7131S" style="display:none" %) (%%)To define the size in pixels of the icon and text in the button  [[image:1689347476383-409.png||height="36" width="76"]](% id="cke_bm_7131E" style="display:none" %)
83	83	)))
84	84	|(% style="width:162px" %)**Color:** |(% style="width:336px" %)(((
85		-(% id="cke_bm_7260S" style="display:none" %) (%%)Changer la couleur de l’icone et du texte de bouton  [[image:1689347644263-160.png||height="36" width="86"]]
	85	+(% id="cke_bm_7260S" style="display:none" %) (%%)To change the color of the icon and text in the button  [[image:1689347644263-160.png||height="36" width="86"]]
86	86	)))
87	87	|(% style="width:162px" %)** Bold: ** |(% style="width:336px" %)(((
88		-(% id="cke_bm_1499S" style="display:none" %) (%%)Changer le texte en gras
	88	+(% id="cke_bm_1499S" style="display:none" %) (%%)To make the text bold in the button
89	89	)))
90	90	|(% style="width:162px" %) |(% style="width:336px" %)
91	91