diff --git a/docs/01-builder-fields.md b/docs/01-builder-fields.md index b04b4d9..ab11838 100644 --- a/docs/01-builder-fields.md +++ b/docs/01-builder-fields.md @@ -294,6 +294,54 @@ Recomendación de uso: - Reparto habitual: **Contenido** (textos e imágenes), **Estilos** (colores, alineación, bordes), **Ajustes** (opciones de comportamiento, límites, enlaces). - Mantén los nombres de grupo consistentes entre módulos y en español. Son literales: `Estilos` y `estilos` generan dos pestañas distintas. +## Mostrar u ocultar campos y pestañas (`data-field-show`) + +Un campo o una pestaña entera pueden depender del valor de otro campo del mismo módulo. Se declara con dos atributos, que viajan al `builder.json` por el mismo mecanismo genérico que `data-field-group` (`customDataField.show` y `customDataField['group-show']`): + +- `data-field-show="campo=valor"` — en el elemento del campo que se quiere condicionar. +- `data-field-group-show="campo=valor"` — en **una** var del grupo; condiciona la pestaña completa. + +Gramática: + +| Condición | Se muestra cuando | +|-----------|-------------------| +| `modo=1` | el valor es `1` | +| `modo=1,2` | el valor es `1` o `2` | +| `modo=` | el campo está **vacío** — es la clave de la primera opción de todo `list` | +| `modo!=1` | el valor NO es `1` | +| `modo=1;otro=2` | se cumplen ambas (AND) | + +El campo se referencia por su **nombre de variable**, no por su label: se aplican las [reglas de nomenclatura](#reglas-de-nomenclatura-de-variables), así que `Mostrar Estilos` se referencia como `mostrarestilos` y `Título` como `ttulo` (los acentos se borran, no se transliteran). Los valores no pueden contener coma ni punto y coma. + +```html +