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é "required" des objets peut être changée dynamiquement pendant l'exécution de l'étude. Les objets ne seront affichés comme requis tant qu'ils ne sont pas cachés (visibility = 0). Cela permet des expériences très interactives et dynamiques. Veuillez consulter la page "Tables 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 cacher.

• Verrouiller : En cliquant sur la petite icône de cadenas à côté du nom d'un objet dans l'onglet Objets, vous verrouillez sa position sur le cadre. Cela empêche le mouvement accidentel ou les modifications de l'objet pendant que vous modifiez l'étude.
• Cacher : En cliquant sur la petite icône d'œil à côté du nom d'un objet dans l'onglet Objets, l'objet est caché de la vue sur le cadre. Cela est utile si vous avez plusieurs objets sur le cadre à la fois et que vous souhaitez n'en voir qu'un ou plusieurs à la fois pendant l'édition.

Ces deux propriétés ne sont actives que lors de l'édition de l'étude. Verrouiller ou cacher 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 copie et de collage 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 section. Cliquez sur l'icône de copie pour copier les valeurs actuelles de position et de taille de l'objet dans le presse-papiers. Sélectionnez ensuite 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. Elle comprend également une case à cocher Keep Aspect Ratio : lorsqu'elle est activée, le rapport largeur-hauteur de l'objet est verrouillé, de sorte que le redimensionnement de l'objet dans l'éditeur préserve automatiquement ses proportions d'origine.

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 en 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 vérifiant la case “changer les propriétés CSS.” Un exemple de code est fourni en texte gris.

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 pour 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.

En cliquant sur Inspecter :

Vous devrez également 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 de l'objet, il existe des cas d'utilisation où vous voudrez être plus spécifique avec vos propriétés CSS. Par exemple, dans les éléments matriciels, 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 débutez en codage ou souhaitez plus d'informations sur le CSS, consultez ce module de MDN.