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