Aller au contenu principal

widgetConfig

Uniquement utilisée pour un rendu en mode widget, cette configuration a le type suivant :

NomRequisTypeValeur par défautDescription
positionNon'right' | 'left''right'Position du cadre du widget dans le composant parent, droite ou gauche
buttonNonWidgetButton-Données de position / style du bouton d'ouverture du widget
largeNonWidgetFrame-Données de position / style du cadre du widget
thumbnailNonWidgetFrame-(depuis v1.0.14) deuxième mode pour avoir un rendu dans un conteneur de taille différente (possibilité de passer de l'un à l'autre à chaud)

widgetbutton​

NomRequisTypeValeur par défautDescription
displayNonbooleantruefalse : cache le bouton de base pour utiliser une implémentation personnelle d'ouverture du widget
textNonText-Données de personnalisation du texte du bouton d'ouverture du widget
imageNonImage-Données de personnalisation de l'image du bouton d'ouverture du widget
borderNonBorder-Données de personnalisation de la bordure du bouton d'ouverture du widget
backgroundNonBackground-Données de personnalisation du fond du bouton d'ouverture du widget
positionNonPosition-Données de positionnement du bouton d'ouverture du widget dans le composant parent

widgetframe​

NomRequisTypeValeur par défautDescription
heightNonstring'600px'Hauteur du cadre du widget
widthNonstring'400px' (ou '100%' si la largeur de l'appareil est inférieure à 600px)Largeur du cadre du widget
borderNonBorder-Données de personnalisation de la bordure du bouton d'ouverture du widget
positionNonPosition-Données de positionnement du bouton d'ouverture du widget dans le composant parent

text​

NomRequisTypeValeur par défautDescription
colorNonstring'rgb(112, 112, 112)'Couleur du texte du bouton
contentNonstring'Besoin d'aide ?' traduit en fonction de la langue du navigateur si possibleTexte du bouton
boldNonbooleantrueLe texte est-il en gras ?

image​

NomRequisTypeValeur par défautDescription
urlNonstringUrl de l'image à afficher sur le bouton
positionNon'left' | 'right''left'Position de l'image dans le bouton (si une url est fournie)
heightNonstring'2rem'Taille de l'image du bouton
marginYNonbooleantrueAjouter une marge verticale (top + bottom) de 0.25rem ?

border​

NomRequisTypeValeur par défautDescription
colorNonstring'rgb(112, 112, 112)'Couleur de la bordure
thicknessNonnumber1Epaisseur de la bordure (en pixels)
roundedNonbooleantrueLes bords sont-ils arrondis ?

background​

NomRequisTypeValeur par défautDescription
colorNonstring'transparent'Couleur du fond du bouton

position​

Les éléments sont positionnés en absolute, ces données servent donc à donner les distances relatives aux 4 bords du conteneur parent.

NomRequisTypeValeur par défautDescription
topNonstring-Position par rapport au haut du conteneur parent
bottomNonstring'1rem'Position par rapport au bas du conteneur parent
leftNonstring-Position par rapport au côté gauche du conteneur
rightNonstring'1rem'Position par rapport au côté droit du conteneur parent