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