Esta web utiliza cookies propias y de terceros para su funcionamiento. ¿Aceptas? Leer más
Rows

Row header y footer

Estos tipos de row permiten definir paneles que irán colocados en la cabecera o el pié de página de la pestaña, en función de si es de tipo header o footer.

Para declarar un panel usaremos la etiqueta group en la que incluiremos etiquetas button (si los necesitamos). Podemos personalizar cada uno de los apartado del panel como la cabecera, el cuerpo y/o el pie con atributos:

  • name: establece el identificador para el grupo.
  • class: añade las clases CSS indicadas al panel.
  • title: indica un texto para la cabecera del panel.
  • label: indica un texto para el cuerpo del panel.
  • footer: indica un texto para el pie del panel.
  • html: incluye una plantilla twig en el contenido del card.

Ejemplo de row type header

<row type='header'>
    <group name='footer1' footer='specials-actions' label='Esto es una muestra de botones'>
        <button type='modal' label='Modal' color='primary' action='test' icon='fas fa-users' />
        <button type='action' label='Action' color='info' action='process1' icon='fas fa-book' />
    </group>
</row>

Ejemplo de row type footer

<row type='footer'>
    <group name='footer_actions' footer='specials-actions'>
        <button type='action' label='add-all-enabled' color='info' action='add-api-access-enabled' icon='fas fa-plus' />
        <button type='action' label='add-all-disabled' color='info' action='add-api-access-disabled' icon='fas fa-plus' />
    </group>
</row>

Botones

Los botones se definen mediante etiquetas button y tienen las siguiente propiedades:

  • type: indica el tipo de botón.
    • action: al hacer clic se recargará la página ejecutando el action indicado en la propiedad action. Este action deberá estar implementado en el controlador.
    • js: al hacer clic ejecutará la función javascript indicada en la propiedad action.
    • link: al hacer clic se redirecciona a la página indicada en la propiedad action.
    • modal: al hacer clic mostrará el modal con el name indicado en la propiedad action.
  • id: identificador html para poder selecionarlo desde JavaScript.
  • icon: icono del botón.
  • label: texto a mostrar en el botón. Se traducirá automáticamente por FacturaScripts.
  • level: nivel de seguridad aplicable. Por defecto 0. Solamente los usuarios con un nivel de seguridad igual o superior podrán ver este botón.
  • color: indica la configuración de color a utilizar.
  • action: indica la acción que se envía al controlador, función JavaScript o nombre del modal a mostrar.

Colores

  • info: azul
  • success: verde
  • warning: amarillo
  • danger: rojo
  • light: gris claro
  • secondary: negro