Formulario de edición
El formulario es el editor completo del bloque. Se abre desde Editar en el menú del componente o desde el acceso de edición en el propio bloque.
Suele organizarse en pestañas:
| Pestaña | Para qué sirve |
|---|---|
| Contenido | Textos, imágenes, opciones de la actividad, medios, enunciados, respuestas… |
| Comportamiento | Reglas de la interacción (intentos, obligatoriedad, mostrar resultados, etc.), cuando aplica |
| Estilos | Apariencia del bloque y datos útiles para soporte |
Al guardar, los cambios se reflejan en el lienzo y en la versión que publiques después con Compartir.
Contenido
Sección titulada «Contenido»Depende del componente. Ejemplos habituales:
- Títulos, descripciones y textos enriquecidos.
- Imágenes o archivos (según el bloque y el plan). Para cambiar una imagen abre Cambiar imagen → Buscar imagen (Pexels).
- Íconos (listas, menús, íconos múltiples). Cambiar ícono abre el selector de íconos.
- Opciones de respuesta en evaluativos.
- Enlaces, etiquetas de botones, mensajes de acierto/error.
La idea: aquí defines qué dice y qué muestra el bloque al aprendiz.
Comportamiento
Sección titulada «Comportamiento»Cuando el componente es interactivo o evaluativo, aquí controlas cómo reacciona:
- Intentos limitados o ilimitados.
- Si la actividad es obligatoria para continuar.
- Si se muestran resultados al enviar.
- Pesos o calificación, según el tipo de bloque y la evaluación del proyecto.
No todos los componentes tienen esta pestaña.
Estilos
Sección titulada «Estilos»Opciones comunes a muchos formularios:
Tema / color
Sección titulada «Tema / color»Aplica el color de acento del bloque (temas predefinidos o color personalizado). Afecta botones, bordes o detalles según el componente.
Espaciado, margen y borde
Sección titulada «Espaciado, margen y borde»Controla el espacio dentro (padding), el borde y el margen exterior en cada lado (arriba, derecha, abajo, izquierda), con unidades en píxeles u otras que ofrezca el editor.
Sirve para alinear visualmente bloques vecinos o dar respiro entre secciones.
Animaciones
Sección titulada «Animaciones»Efectos de entrada o énfasis (ninguna, desvanecer, deslizar, ampliar, voltear, rebotar, rotar, escalar, etc.). Úsalas con moderación para no distraer del contenido.
Código CSS personalizado
Sección titulada «Código CSS personalizado»Editor de CSS del componente (Build o superior). Permite ajustes finos cuando el tema y el espaciado no bastan. En Think suele aparecer limitado (badge Build).
Al guardar, la aplicación valida el CSS. Si hay problemas, un aviso Errores en el código CSS lista tipo y mensaje; no aplica el código hasta que esté válido.
Desactivar estilos CSS: casilla junto al editor. Los estilos se comentan temporalmente y dejan de aplicarse sin borrar el código. Vuelve a activarlos cuando quieras probar otra vez. Tip de la app: se comentan temporalmente y dejan de aplicarse en el proyecto sin borrar el código.
ID del componente (soporte)
Sección titulada «ID del componente (soporte)»Al final de la pestaña Estilos verás el campo ID del componente.
- Qué es: un identificador único de esa instancia del bloque dentro de tu proyecto.
- Para qué sirve: si algo falla (no guarda, no se ve, error al publicar), envía este ID a soporte junto con el proyecto y una descripción breve.
- Qué no es: no es un dato que el aprendiz deba ver ni un código que tengas que inventar.
También es útil para trazas o analíticas asociadas a ese bloque.
Relación con otras formas de editar
Sección titulada «Relación con otras formas de editar»| Forma | Alcance |
|---|---|
| Formulario | Control total del bloque |
| Edición directa de texto | Textos rápidos en el lienzo |
| Menú del componente | Acciones sobre el bloque (orden, layout, clonar, IA…) |
Relacionado
Sección titulada «Relacionado»- Insertar variaciones · Buscar imagen · Buscar ícono · Soporte (usa el ID del componente)