Sommaire

Catégorie Aspect

Cette catégorie regroupe les propriétés relatives à l’aspect de l’acteur.

Couleur de fond

Cette propriété définit la couleur de fond de l’acteur. La valeur est une couleur CSS. La valeur par défaut est la couleur spéciale transparent.

Dans l’inspecteur, un sélecteur de couleur est disponible pour aider à définir la valeur de la propriété.

La valeur attendue est :

  • Soit une couleur native CSS ( la liste des couleurs est retrouvable à cette adresse.).
  • Une couleur RGBA au format rgba(<rouge>,<vert>,<bleu>,<opacité>).

Pour vous aider :

A noter La couleur du fond de la synapp peut être définie de manière globale dans la sous-section Projet/Généralités.

Chemin d’accès depuis l’acteur properties.backgroundColor ⚡ Doc Script API

Image de fond

Cette propriété définit l’image de fond de l’acteur.

Valeur attendue :

  • une image de librairies ou une image d’un autre acteur.
  • un dégradé de couleur CSS (voir la documentation MDN pour les dégradés de couleur).
  • une dataURI contenant une image.
  • ou tout autre valeur CSS (voir la documentation MDN pour les images de fond).

Dès qu’une valeur ou qu’une liaison est renseignée, les autres propriétés concernant le paramétrage de l’image de fond sont visibles dans l’inspecteur.

Chemin d’accès depuis l’acteur properties.backgroundImage ⚡ Doc Script API

Position du fond

⚠️ ATTENTION
Afin de voir cette propriété, il faut qu’une image de fond soit présente.

Cette propriété définit la position de l’image de fond de l’acteur.

Pour vous aider : Nous avons ajouté une aide à la saisie, vous y trouverez les caractéristiques nécessaires pour gérer la position de l’image de fond.
Pour y accéder, il suffit de cliquer ici : ↓ en rouge

SynApps

Puis vous verrez apparaitre le pop-up suivant ↓

gif de l'aide à la saisie de la position de l'image de fond

Chemin d’accès depuis l’acteur properties.backgroundPosition ⚡ Doc Script API

Taille du fond

⚠️ ATTENTION
Afin de voir cette propriété, il faut qu’une image de fond soit présente.

Cette propriété définit la taille de l’image de fond de l’acteur.

Pour vous aider : Nous avons ajouté une aide à la saisie, vous y trouverez les caractéristiques nécessaires pour gérer la taille de l’image de fond.
Pour y accéder, il suffit de cliquer ici : ↓ en rouge

SynApps

Puis vous verrez apparaitre le pop-up suivant ↓

gif de l'aide à la saisie de la taille de l'image de fond

Chemin d’accès depuis l’acteur properties.backgroundSize ⚡ Doc Script API

Visibilité

Cette propriété définit la visibilité de l’acteur au sein de la synapp.

Il est possible d’activer / désactiver l’affichage de l’acteur.

Chemin d’accès depuis l’acteur properties.visibility ⚡ Doc Script API

Opacité

Cette propriété définit l’opacité de l’acteur.

Elle est définie de 0% à 100% et permet de gérer la transparence de l’acteur.

Pour vous aider : Elle est gérée par la propriété opacity de CSS (voir la documentation MDN pour l’oppacité).

Chemin d’accès depuis l’acteur properties.opacity ⚡ Doc Script API

Classes CSS

Cette propriété permet d’ajouter à l’acteur des classes CSS, à séparer par une virgule ,.

Plusieurs classes bootstrap peuvent être ajoutée et sont consultables à cette adresse.

Vous pouvez ajouter des classes CSS personnalisées soient en utilisant un fichier CSS inclus (voir les Inclusions), soit à l’aide d’un acteur Html (voir Comment ajouter des style CSS avec un acteur HTML).

Chemin d’accès depuis l’acteur properties.classNames ⚡ Doc Script API