Sommaire
Catégorie Aspect
Cette catégorie regroupe les propriétés relatives à l’aspect de l’acteur.
🔧 propriété · ℹ️ information · ⚙️ méthode · ⚡ évènement · 🔒 lecture seule
Attachement du fond
this.properties.backgroundAttachment · string · défaut 'scroll' · héritable · modifie : Style CSS
Attachement du fond. Voir information ici *
Classes
this.properties.classNames · string · défaut '' · modifie : Rendu
Nom de class CSS séparées par une virgule à ajouter à l’acteur.
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).
Couleur de fond
this.properties.backgroundColor · string · défaut '' · héritable · modifie : Style CSS
Couleur de fond de l’acteur.
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
RGBAau formatrgba(<rouge>,<vert>,<bleu>,<opacité>).
Pour vous aider :
- voir la documentation MDN pour valeur de couleur CSS
- voir la documentation MDN pour couleur de fond
La couleur du fond de la synapp peut être définie de manière globale dans la sous-section Projet/Généralités.
Image de fond
this.properties.backgroundImage · string · défaut 'none' · héritable · modifie : Style CSS
Image de fond. Voir information ici *
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.
Opacité
this.properties.opacity · number · défaut 100 · modifie : Style CSS
Opacité en %.
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é).
Position du fond
this.properties.backgroundPosition · string · défaut 'left top' · héritable · modifie : Style CSS
Position du fond. Voir information ici *
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
Puis vous verrez apparaitre le pop-up suivant ↓
Repetition du fond
this.properties.backgroundRepeat · string · défaut 'repeat' · héritable · modifie : Style CSS
Répétition du fond. Voir information ici *
Taille du fond
this.properties.backgroundSize · string · défaut 'auto auto' · héritable · modifie : Style CSS
Taille du fond. Voir information ici *
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
Puis vous verrez apparaitre le pop-up suivant ↓
Visible ?
this.properties.visible · boolean · défaut true · modifie : Taille
Visibilité de l’acteur.
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.
