Row header y footer (XMLView)

Los tipos de fila header y footer permiten definir paneles que se colocan en la cabecera o el pie de página de una pestaña, dependiendo de su tipo.

Para declarar un panel, utilizaremos la etiqueta group, donde podemos incluir etiquetas button según sea necesario. Cada apartado del panel se puede personalizar con los siguientes atributos:

  • name: Identificador único para el grupo.
  • class: Clases CSS que se aplicarán al panel.
  • title: Texto que se mostrará como cabecera del panel.
  • label: Texto que se mostrará en el cuerpo del panel.
  • footer: Texto para el pie del panel.
  • html: Plantilla Twig que se incluirá en el contenido del card.

Ejemplo de Fila de Tipo Header

<rows>
    <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>
</rows>

Ejemplo de Fila de Tipo Footer

<rows>
    <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>
</rows>

Botones

Los botones se definen mediante etiquetas button y poseen las siguientes propiedades:

  • type: Especifica el tipo de botón.
    • action: Al hacer clic, se recargará la página ejecutando la acción indicada en esta propiedad. Esta acción debe estar implementada en el controlador.
    • js: Ejecuta la función JavaScript indicada en la propiedad action al hacer clic.
    • link: Redirige a la página especificada en la propiedad action al hacer clic.
    • modal: Muestra el modal cuyo nombre se indica en la propiedad action al hacer clic.
  • id: Identificador HTML para su uso desde JavaScript.
  • icon: Icono del botón.
  • label: Texto que se mostrará en el botón. Este se traducirá automáticamente por FacturaScripts.
  • level: Nivel de seguridad aplicable, siendo 0 por defecto. Solo los usuarios con un nivel de seguridad igual o superior podrán visualizar este botón.
  • color: Configuración de color a aplicar.
  • action: Acción que se enviará al controlador, función JavaScript o nombre del modal a mostrar.

Colores Disponibles

  • info: Azul
  • success: Verde
  • warning: Amarillo
  • danger: Rojo
  • light: Gris claro
  • secondary: Negro
Cookies
Usamos cookies en nuestro sitio web para brindarte la experiencia más relevante recordando tus preferencias y visitas repetidas. Al hacer clic en "Aceptar", aceptas el uso de TODAS las cookies necesarias.
Copyright (c) 2013-2025 FacturaScripts
0.46052s

Soporte