widgetConfig
Uniquement utilisée pour un rendu en mode widget, cette configuration a le type suivant :
| Nom | Requis | Type | Valeur par défaut | Description |
|---|---|---|---|---|
position | Non | 'right' | 'left' | 'right' | Position du cadre du widget dans le composant parent, droite ou gauche |
button | Non | WidgetButton | - | Données de position / style du bouton d'ouverture du widget |
large | Non | WidgetFrame | - | Données de position / style du cadre du widget |
thumbnail | Non | WidgetFrame | - | (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
| Nom | Requis | Type | Valeur par défaut | Description |
|---|---|---|---|---|
display | Non | boolean | true | false : cache le bouton de base pour utiliser une implémentation personnelle d'ouverture du widget |
text | Non | Text | - | Données de personnalisation du texte du bouton d'ouverture du widget |
image | Non | Image | - | Données de personnalisation de l'image du bouton d'ouverture du widget |
border | Non | Border | - | Données de personnalisation de la bordure du bouton d'ouverture du widget |
background | Non | Background | - | Données de personnalisation du fond du bouton d'ouverture du widget |
position | Non | Position | - | Données de positionnement du bouton d'ouverture du widget dans le composant parent |
widgetframe
| Nom | Requis | Type | Valeur par défaut | Description |
|---|---|---|---|---|
height | Non | string | '600px' | Hauteur du cadre du widget |
width | Non | string | '400px' (ou '100%' si la largeur de l'appareil est inférieure à 600px) | Largeur du cadre du widget |
border | Non | Border | - | Données de personnalisation de la bordure du bouton d'ouverture du widget |
position | Non | Position | - | Données de positionnement du bouton d'ouverture du widget dans le composant parent |
text
| Nom | Requis | Type | Valeur par défaut | Description |
|---|---|---|---|---|
color | Non | string | 'rgb(112, 112, 112)' | Couleur du texte du bouton |
content | Non | string | 'Besoin d'aide ?' traduit en fonction de la langue du navigateur si possible | Texte du bouton |
bold | Non | boolean | true | Le texte est-il en gras ? |
image
| Nom | Requis | Type | Valeur par défaut | Description |
|---|---|---|---|---|
url | Non | string | Url de l'image à afficher sur le bouton | |
position | Non | 'left' | 'right' | 'left' | Position de l'image dans le bouton (si une url est fournie) |
height | Non | string | '2rem' | Taille de l'image du bouton |
marginY | Non | boolean | true | Ajouter une marge verticale (top + bottom) de 0.25rem ? |
border
| Nom | Requis | Type | Valeur par défaut | Description |
|---|---|---|---|---|
color | Non | string | 'rgb(112, 112, 112)' | Couleur de la bordure |
thickness | Non | number | 1 | Epaisseur de la bordure (en pixels) |
rounded | Non | boolean | true | Les bords sont-ils arrondis ? |
background
| Nom | Requis | Type | Valeur par défaut | Description |
|---|---|---|---|---|
color | Non | string | '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.
| Nom | Requis | Type | Valeur par défaut | Description |
|---|---|---|---|---|
top | Non | string | - | Position par rapport au haut du conteneur parent |
bottom | Non | string | '1rem' | Position par rapport au bas du conteneur parent |
left | Non | string | - | Position par rapport au côté gauche du conteneur |
right | Non | string | '1rem' | Position par rapport au côté droit du conteneur parent |