Propriétés des Objets

Propriétés des Objets

Les propriétés de l'objet actuellement sélectionné sont affichées sur le côté droit de l'éditeur. Ces propriétés déterminent à quoi ressembleront les objets sur le cadre pour les participants. De nombreuses propriétés d'objet peuvent être modifiées entre les essais, tandis que certaines propriétés (comme le nom de l'objet) sont fixes et ne peuvent pas différer entre les essais. Les propriétés qui sont modifiées (différentes de la valeur par défaut) sont indiquées par une couleur de fond gris foncé. Toutes les propriétés qui peuvent être modifiées entre les essais peuvent être modifiées dynamiquement pendant l'exécution de l'événement en utilisant l'action "set obj property". La propriété "requise" des objets peut être changée dynamiquement pendant l'exécution de l'étude. Les objets ne seront affichés comme requis que tant qu'ils ne sont pas masqués (visibilité = 0). Cela permet des expériences très interactives et dynamiques. Veuillez consulter la page "Tableaux des Propriétés des Objets" pour un tableau détaillé de tous les types d'objets et de leurs propriétés.

Dans l'éditeur de tâches, l'apparence des objets peut être modifiée pour faciliter l'édition de votre étude. Il existe 2 propriétés d'objet qui vous permettent de le faire : verrouiller et masquer.

• Verrouiller : Cliquer sur la petite icône de cadenas à côté du nom d'un objet dans l'onglet Objets verrouillera sa position sur le cadre. Cela empêche tout mouvement accidentel ou modification de l'objet pendant que vous éditez l'étude.
• Masquer : Cliquer sur la petite icône d'œil à côté du nom d'un objet dans l'onglet Objets masquera l'objet de la vue sur le cadre. Cela est utile si vous avez plusieurs objets sur le cadre à la fois et que vous souhaitez en voir un ou plusieurs à la fois pendant que vous éditez.

Ces deux propriétés ne sont actives que pendant l'édition de l'étude. Verrouiller ou masquer un objet dans l'éditeur de tâches ne changera pas la façon dont le participant voit cet objet pendant l'étude.

Copier et Coller Position, Taille et Échelle

Pour appliquer la même position, taille ou échelle d'un objet à un autre, utilisez les contrôles de copier et coller dans le panneau des Propriétés des Objets.

Dans la section Position & Size, une icône de copie et une icône de collage apparaissent à côté de l'en-tête de la section. Cliquez sur l'icône de copie pour copier les valeurs de position et taille actuelles de l'objet dans le presse-papiers. Ensuite, sélectionnez un autre objet et cliquez sur l'icône de collage dans la même section pour appliquer ces valeurs.

La section Scale & Rotation dispose des mêmes contrôles de copie et de collage pour les valeurs d'échelle et de rotation.

Ceci est utile lorsque vous devez aligner plusieurs objets aux mêmes dimensions ou positions à travers des cadres ou des tâches sans entrer manuellement chaque valeur.

Propriétés CSS Personnalisées

Une propriété CSS est un style d'un élément écrit dans le code HTML. Les propriétés CSS d'un élément peuvent être modifiées dans l'onglet Propriétés des Objets en cliquant sur l'élément et en cochant la case "changer les propriétés CSS". Un exemple de code est fourni en texte gris comme exemple.

Pour écrire un code personnalisé, vous aurez besoin d'un élément de référence, de son nom de sélecteur, d'une commande et d'une valeur. Pour trouver le nom du sélecteur de l'élément que vous souhaitez modifier, faites un clic droit sur l'élément et cliquez sur "inspecter". Cela ouvrira la console sur votre appareil. Par exemple, le sélecteur pour un élément de texte est la lettre p.

Après avoir cliqué sur Inspecter :

Vous aurez également besoin d'utiliser des accolades pour votre code. Un exemple de code pour changer la couleur d'un élément de texte est :

p{ background-color:green }

Bien que des propriétés telles que la couleur de fond puissent être facilement modifiées à l'aide de la fenêtre des propriétés des objets, il existe des cas d'utilisation où vous souhaitez être plus spécifique avec vos propriétés CSS. Par exemple, dans les éléments de matrice, plusieurs propriétés CSS différentes peuvent être utilisées pour personnaliser votre élément.

De nombreuses propriétés CSS personnalisées peuvent être ajoutées au même élément avec plusieurs lignes de code.

Si vous êtes novice en codage ou souhaitez plus d'informations sur le CSS, consultez ce module de MDN.