labvanced logoLabVanced
  • Research
    • Publications
    • Researcher Interviews
    • Use Cases
      • Developmental Psychology
      • Linguistics
      • Clinical & Digital Health
      • Educational Psychology
      • Cognitive & Neuro
      • Social & Personality
      • Arts Research
      • Sports & Movement
      • Marketing & Consumer Behavior
      • Economics
      • HCI / UX
      • Commercial / Industry Use
    • Labvanced Blog
    • Services
  • Technology
    • Feature Overview
    • Code-Free Study Building
    • Eye Tracking
    • Mouse Tracking
    • Generative AI Integration
    • Multi User Studies
    • More ...
      • Reaction Time/Precise Timing
      • Text Transcription
      • Heart Rate Detection (rPPG)
      • Questionnaires/Surveys
      • Experimental Control
      • Data Privacy & Security
      • Desktop App
      • Mobile App
  • Learn
    • Guide
    • Videos
    • Walkthroughs
    • FAQ
    • Release Notes
    • Documents
    • Classroom
  • Experiments
    • Cognitive Tests
    • Sample Studies
    • Public Experiment Library
  • Pricing
    • Licenses
    • Top-Up Recordings
    • Subject Recruitment
    • Study Building
    • Dedicated Support
    • Checkout
  • About
    • About Us
    • Contact
    • Downloads
    • Careers
    • Impressum
    • Disclaimer
    • Privacy & Security
    • Terms & Conditions
  • Appgo to app icon
  • Logingo to app icon
Learn
Guía
Videos
Guías paso a paso
Preguntas Frecuentes
Archivo de Boletines
Documentos
Aula
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
Guía
Videos
Guías paso a paso
Preguntas Frecuentes
Archivo de Boletines
Documentos
Aula
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
  • Guía
    • COMENZANDO

      • Editor de Tareas
      • Presentación del Estímulo
      • Corrección de Respuestas
      • Objetos
      • Eventos
      • Variables
      • Asistente de Tareas
      • Sistema de Ensayos
      • Diseño del Estudio
        • Tareas
        • Bloques
        • Sesiones
        • Grupos
    • TEMAS DESTACADOS

      • Aleatorización y Equilibrio
      • Seguimiento Ocular
      • Cuestionarios
      • Aplicación de Escritorio
      • Estudios de Muestra
      • Reclutamiento de Participantes
      • Acceso a API
        • REST API
        • API de Webhook
        • API de WebSocket
      • Otros Temas

        • Tiempos de Estímulo Precisos
        • Estudios Multi Usuario
        • Seguimiento de Cabeza en Labvanced | Guía
    • PESTAÑAS PRINCIPALES DE LA APLICACIÓN

      • Descripción General: Pestañas Principales
      • Tablero
      • Mis Estudios
      • Estudios Compartidos
      • Mis Archivos
      • Biblioteca de Experimentos
      • Mi Cuenta
      • Mi Licencia
    • PESTAÑAS DEL ESTUDIO

      • Descripción General: Pestañas Específicas del Estudio
      • Diseño del Estudio
        • Tareas
        • Bloques
        • Sesiones
        • Grupos
      • Editor de Tareas
        • Controles de Tarea
        • El Sistema de Ensayos
        • Marcos de Canvas y Página
        • Objetos
        • Tablas de Propiedades de Objetos
        • Variables
        • Tablas de Variables del Sistema
        • El Sistema de Eventos
        • Funciones del Editor de Texto
        • Seguimiento ocular en una tarea
        • Seguimiento de Cabeza en una Tarea
        • Estudios de Múltiples Usuarios
      • Configuraciones
      • Variables
      • Media
      • Textos y Traducción
      • Lanzar y Participar
      • Gestión de Sujetos
      • Vista de Datos y Exportación
        • Vista de Datos y Selección de Variables y Tareas (Versión ANTIGUA)
        • Accediendo a Grabaciones (Versión ANTERIOR)
  • Videos
    • Descripción General del Video
    • Comenzando en Labvanced
    • Creando Tareas
    • Videos de Elementos
    • Eventos y Variables
    • Temas Avanzados
  • Guías
    • Introducción
    • Tarea de Stroop
    • Tarea de Decisión Léxica
    • Tarea de Señalización Visual Posner
    • Paradigma de Parpadeo de Ceguera de Cambio
    • Estudio de Seguimiento Ocular
    • Estudio de Seguimiento Ocular en Infantes
    • Estudio de Captura de Atención con Seguimiento de Ratón
    • Presentación Visual Serial Rápida
    • Estudio de ChatGPT
    • Demostración de Seguimiento Ocular: SVG como AOIs
    • Demostración Multi-Usuario: Mostrar los Cursore de los Sujetos
    • Controlador de Gamepad / Joystick - Configuración Básica
    • Estudio de Aplicación de Escritorio con Integración de EEG
    • Balanceo de Grupos entre Sujetos y Configuración de Variables
  • Preguntas Frecuentes
    • Características
    • Seguridad y Privacidad de Datos
    • Licenciamiento
    • Precisión de Labvanced
    • Uso Programático y API
    • Uso de Labvanced Offline
    • Solución de Problemas
    • Preguntas sobre la Creación de Estudios
  • Archivo de Boletín
  • Documentos
  • Aula

Propiedades del Objeto

Propiedades del Objeto

Las propiedades del objeto para el objeto seleccionado actualmente se muestran en el lado derecho del editor. Estas propiedades determinan cómo se verán los objetos en el marco para los participantes. Muchas propiedades del objeto pueden ser modificadas entre ensayos, mientras que algunas propiedades (como el nombre del objeto) son fijas y no pueden diferir entre ensayos. Las propiedades que se modifican (diferentes del valor por defecto) se indican con un color de fondo gris oscuro. Todas las propiedades que se pueden modificar entre ensayos se pueden modificar dinámicamente durante la ejecución del evento utilizando la acción "set obj property". La propiedad "required" de los objetos se puede cambiar dinámicamente durante el tiempo de ejecución del estudio. Los objetos solo se mostrarán como requeridos siempre que no estén ocultos (visibilidad = 0). Esto permite experimentos muy interactivos y dinámicos. Por favor, consulta la página "Tablas de Propiedades del Objeto" para obtener un gráfico detallado de todos los tipos de objetos y sus propiedades.

En el Editor de Tareas, la apariencia de los objetos se puede cambiar para facilitar la edición de tu estudio. Hay 2 propiedades del objeto que permiten hacer esto: bloquear y ocultar.

  • Bloquear: Hacer clic en el pequeño ícono de candado junto al nombre de un objeto en la pestaña Objetos bloqueará su posición en el marco. Esto previene el movimiento accidental o cambios en el objeto mientras estás editando el estudio.
  • Ocultar: Hacer clic en el pequeño ícono de ojo junto al nombre de un objeto en la pestaña Objetos ocultará el objeto de la vista en el marco. Esto es útil si tienes múltiples objetos en el marco a la vez y solo quieres ver uno o más a la vez mientras editas.

Ambas propiedades solo están activas mientras se edita el estudio. Bloquear u ocultar un objeto en el Editor de Tareas no cambiará cómo ve el participante ese objeto durante el estudio.

Propiedades CSS Personalizadas

Una propiedad CSS es un estilo de un elemento escrito en código HTML. Las propiedades CSS de un elemento se pueden cambiar en la pestaña Propiedades del Objeto haciendo clic en el elemento y marcando la casilla "cambiar propiedades CSS". Se proporciona código de muestra en texto gris como ejemplo.

el código CSS por defecto

Para escribir código personalizado, necesitarás un elemento de referencia, su nombre de selector, un comando y un valor. Para encontrar el nombre del selector del elemento que deseas editar, haz clic derecho en el elemento y selecciona "inspeccionar". Esto abrirá la consola en tu dispositivo. Por ejemplo, el selector para un elemento de texto es la letra p.

inspeccionar el elemento

Al hacer clic en Inspeccionar:

información en la consola

También necesitarás usar llaves para tu código. Un ejemplo de código para cambiar el color de un elemento de texto es:

p{ background-color:green }

código de fondo verde

Mientras que propiedades como el color de fondo se pueden cambiar fácilmente utilizando la ventana de propiedades del objeto, hay casos en los que querrías ser más específico con tus propiedades CSS. Por ejemplo, en elementos de matriz, se pueden utilizar varias propiedades CSS diferentes para personalizar tu elemento.

un ejemplo de múltiples propiedades CSS

Se pueden agregar muchas propiedades CSS personalizadas al mismo elemento con múltiples líneas de código.

Si eres nuevo en la programación o deseas más información sobre CSS, consulta este módulo de MDN.