Skip to main content

widgetConfig

Only used for a widget mode display, the type is as follows :

NameRequiredTypeDefault valueDescription
positionNo'right' | 'left''right'Widget frame's position in parent container, left or right
buttonNoWidgetButton-Widget opening button's position / style ata
largeNoWidgetFrame-Widget frame's position / style data
thumbnailNoWidgetFrame-(since v1.0.14) second mode to render the main component in a container with a different size (you can hot-switch from one to another)

widgetbutton​

NameRequiredTypeDefault valueDescription
displayNobooleantruefalse : hides the basic button to use a custom widget opening method
textNoText-Widget opening button's text customization
imageNoImage-Widget opening button's image customization
borderNoBorder-Widget opening button's border customization
backgroundNoBackground-Widget opening button's background customization
positionNoPosition-Widget opening button's position in parent container customization

widgetframe​

NameRequiredTypeDefault valueDescription
heightNostring'600px'Widget frame's height
widthNostring'400px' (or '100%' if device's width is lower than 600px)Widget frame's width
borderNoBorder-Widget frame's border customization
positionNoPosition-Widget frame's position in parent container customization

text​

NameRequiredTypeDefault valueDescription
colorNostring'rgb(112, 112, 112)'Button text's color
contentNostring'Besoin d'aide ?' translated from navigator's language if possibleButton's text
boldNobooleantrueBold xt ?

image​

NameRequiredTypeDefault valueDescription
urlNostringUrl de l'image à afficher sur le bouton
positionNo'left' | 'right''left'Position de l'image dans le bouton (si une url est fournie)
heightNostring'2rem'Taille de l'image du bouton
marginYNobooleantrueAjouter une marge verticale (top + bottom) de 0.25rem ?

border​

NameRequiredTypeDefault valueDescription
colorNostring'rgb(112, 112, 112)'Border color
thicknessNonumber1Border thickness (in pixels)
roundedNobooleantrueRounded corners ?

background​

NameRequiredTypeDefault valueDescription
colorNostring'transparent'Button background's color

position​

The elements are in absolute position, this data are used to give the distance relative to the edges of the parent container.

NameRequiredTypeDefault valueDescription
topNostring-Distance from the top of parent container
bottomNostring'1rem'Distance from the bottom of parent container
leftNostring-Distance from the left side of parent container
rightNostring'1rem'Distance from the right side of parent container