Componente separador en formularios adaptables

Puede utilizar el componente separador para separar visualmente los paneles de un formulario. Puede definir el aspecto y el estilo generales 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.

  • 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 adaptables individuales y realizar previsualizaciones de los cambios en tiempo real.

Puede utilizar el modo Diseño para definir el número de columnas a las que se expande el componente separador. Para obtener más información, consulte Uso del modo Diseño para cambiar el tamaño de los componentes.

Para especificar las propiedades de un componente separador:

  1. Seleccione un componente separador y toque cmppr. Las propiedades se abren en la barra lateral.
  2. Haga clic en una ficha de la sección Propiedades CSS en línea para especificar las propiedades CSS. Por ejemplo: a. En la ficha Campo, haga clic en Añadir elemento. Se agrega una fila con dos campos.
  3. En el primer campo desde la izquierda, especifique una propiedad CSS3 que desee aplicar. Por ejemplo, borde. 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 negro sólido.
  5. Haga clic en Añadir elemento para especificar otra propiedad y su valor.
  6. Haga clic en Previsualización para previsualización de los cambios en el formulario.
  7. Haga clic en Aceptar para confirmar los cambios o Cancelar para salir del cuadro de diálogo sin ningún cambio.

En esta página