DocumentaciónAEM 6.4Guía de Forms

Componente Separador en formularios adaptables separator-component-in-adaptive-forms

Last update: Fri May 05 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

  • User
CAUTION
AEM 6.4 ha llegado al final de la compatibilidad ampliada y esta documentación ya no se actualiza. Para obtener más información, consulte nuestra períodos de asistencia técnica. Buscar las versiones compatibles here.

Puede utilizar el componente separador para separar visualmente los paneles de un formulario. Puede definir el aspecto general y el estilo de un componente Separador especificando las siguientes propiedades del componente Separador:

  • Nombre del elemento: especifica el nombre del componente. Las expresiones SOM se dirigen al componente con el valor especificado en el campo Nombre del elemento.
  • Grosor: especifica el grosor del componente Separador en píxeles.
  • Colspan: Especifica el número de columnas que ocupa un componente separador.
  • Clase CSS: especifica la clase CSS personalizada para el componente Separador.
  • Estilos en línea: con AEM Forms, ahora puede aplicar estilos CSS en línea a componentes de formulario adaptable individuales y previsualizar los cambios en tiempo real.

Para especificar las propiedades de un componente Separador:

  1. Seleccione un componente Separador y pulse cmppr . Las propiedades se abren en la barra lateral.
  2. Haga clic en una pestaña de la sección Propiedades CSS en línea para especificar las propiedades CSS. Por ejemplo: a. En la pestaña Campo, haga clic en Agregar elemento. Se añade una fila con dos campos.
  3. En el primer campo de la izquierda, especifique la propiedad CSS3 que desee aplicar. Por ejemplo, border. También puede seleccionar una propiedad haciendo clic en el botón de flecha hacia abajo. La lista desplegable no es exhaustiva y puede especificar cualquier nombre de propiedad CSS3 admitido en este campo.
  4. En el campo adyacente, especifique un valor válido para la propiedad CSS3 especificada. Por ejemplo, 3px solid black.
  5. Haga clic en Agregar elemento para especificar otra propiedad y su valor.
  6. Haga clic en Vista previa para previsualizar los cambios en el formulario.
  7. Haga clic en OK para confirmar los cambios o Cancelar ​ para salir del cuadro de diálogo sin ningún cambio.
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da