¿Como añadir un botón personalizado a nivel equipo?

En este artículo te explicamos cómo puedes insertar botones personalizados en la interfaz del producto a nivel de un equipo, en concreto, en la cabecera de la aplicación o en la barra de navegación a la izquierda de la pantalla. Estos botones son muy útiles, por ejemplo, para la creación personalizada de documentos, pero pueden utilizarse con diferentes fines.

Con esta funcionalidad, podrás incluir botones personalizados como los que podías incluir con código personalizado, pero en este caso, no tendrás que tocar el código de la aplicación. 

Athento permite añadir 2 tipos de botones a nivel de equipo.

• Tipo link: para que al hacer clic el usuario sea redirigido a un enlace determinado
• Tipo custom: permite incrustar el código HTML que el usuario desee

Estos botones se añaden y configuran desde la administración avanzada, en Action Buttons.

Crea un nuevo Action Button mediante la opción Add Action Button.

A continuación, debes configurar las siguientes opciones:

• Target content type: Selecciona el valor "teams | team".
• Target object id: El id del equipo en el que quieres que aparezcan estos botones.
• Place: El lugar en el que aparecerá el botón. A nivel de equipo se tienen las opciones:
  • Team - Sidebar: Para que aparezca en la barra lateral.
  • Team - Right header: Para que aparezca en el encabezado (la barra superior).
• Type: Seleccionar el tipo de botón que queremos en la vista del documento.
  • link: Se añade el link que queremos que se redireccione al clickar
  • custom: Se visualiza el elemento HTML que hayamos configurado en el atributo html del botón.
  • button: Esta opción no está disponible a nivel de equipo.

En caso de que el botón sea de tipo Link, debes configurar estos otros atributos:

• Label: El texto de ayuda que aparece al dejar el ratón sobre el botón.

• Style: (en formato json) El icono personalizado que queremos que tenga este botón :

  • icon: icono que queremos que aparezca.

  {"icon" : "fal fa-file-invoice"}

• Params: En caso de ser un botón de tipo Link, aquí debe añadirse la URL en formato JSON.

En caso de que el botón sea de tipo Custom, debes configurar este otro atributo:

• Html: El elemento a visualizar representado por el código HTML a renderizar. Para esta funcionalidad es posible incluir las etiquetas del motor de plantillas de Django.

 Artículos Relacionados

¿Cómo crear un botón personalizado para crear documentos y que se requiera información obligatoria antes de la creación?