Componente separador en formularios adaptables

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.

  • 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 previsualizar 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 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 Aceptar para confirmar los cambios o en Cancelar para salir del cuadro de diálogo realizar cambios.

En esta página