Propriétés de l'objet

Propriétés de l'objet

Les propriétés de l'objet pour l'objet actuellement sélectionné sont affichées sur le côté droit de l'éditeur. Ces propriétés déterminent comment les objets sur le cadre apparaîtront aux participants. De nombreuses propriétés de l'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 des événements à l'aide de l'action "set obj property". La propriété "required" des objets peut être changée dynamiquement pendant le runtime de l'étude. Les objets ne seront affichés comme requis que tant qu'ils ne sont pas caché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 y a 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 verrouillerez sa position sur le cadre. Cela empêche tout mouvement accidentel ou modifications de l'objet pendant que vous éditez l'étude.
• Cacher : En cliquant sur la petite icône d'œil à côté du nom d'un objet dans l'onglet Objets, vous cacherez l'objet de la vue sur le cadre. Cela est utile si vous avez plusieurs objets sur le cadre en même temps et que vous souhaitez ne voir qu'un ou plusieurs à la fois pendant l'édition.

Ces deux propriétés ne sont actives que pendant 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.

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 de l'objet 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 du 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 de 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.

En cliquant sur Inspecter :

Vous devrez également utiliser des accolades pour votre code. Un échantillon 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 modifiées facilement à l'aide de la fenêtre des propriétés de l'objet, 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 nouveau dans la programmation ou si vous souhaitez plus d'informations sur CSS, consultez ce module de MDN.