{"id":735,"date":"2025-07-08T11:56:18","date_gmt":"2025-07-08T11:56:18","guid":{"rendered":"https:\/\/sienna-manatee-218967.hostingersite.com\/blogs\/vistas-kanban-2\/"},"modified":"2026-05-04T04:02:00","modified_gmt":"2026-05-04T04:02:00","slug":"vistas-kanban","status":"publish","type":"post","link":"https:\/\/exdoo.mx\/blogs\/vistas-kanban\/","title":{"rendered":"Vistas Kanban"},"content":{"rendered":"

\"\"<\/p>\n

\u00bfQu\u00e9 son las vistas Kanban?<\/u><\/em><\/span><\/p>\n

\n
\ud83d\udcd8 ART\u00cdCULO T\u00c9CNICO<\/div>\n

Son una vista est\u00e1ndar dentro de Odoo (como las vistas lista o formulario), pero su estructura es mucho m\u00e1s flexible, ya que permiten organizar la informaci\u00f3n dentro de tarjetas distribuidas en columnas, siguiendo el estilo del m\u00e9todo Kanban, muy popular en la gesti\u00f3n de proyectos y flujos de trabajo \u00e1giles.<\/p>\n<\/div>\n

La estructura de cada tarjeta es una mezcla de elementos formulario (incluyendo HTML b\u00e1sico) y QWeb, el cual es el motor de plantillas primario usado por Odoo. El motor toma plantillas XML y es usado, en su mayor\u00eda, para generar fragmentos y p\u00e1ginas HTML.<\/span><\/p>\n

Usos y ejemplos<\/u><\/em><\/span><\/p>\n

El dise\u00f1o de la interfaz de m\u00f3dulos dentro de Odoo es bastante limitado. Crear una vista lista es sencillo, ya que solo se necesita la lista de campos. Lo mismo ocurre con la vista formulario, que a pesar del uso de algunas etiquetas como <group> y <page>, hay muy poco que hacer en t\u00e9rminos de dise\u00f1o.<\/span><\/p>\n

El uso de vistas kanban viene a trav\u00e9s de la necesidad de querer darle una apariencia \u00fanica a tus m\u00f3dulos y sus modelos. Adem\u00e1s de permitir visualizar informaci\u00f3n en tarjetas organizadas que automatizan flujos de trabajo, facilitan la colaboraci\u00f3n y seguimiento de procesos, y muestran informaci\u00f3n de forma m\u00e1s intuitiva.<\/span><\/p>\n

Algunos ejemplos comunes de vistas kanban en Odoo son los siguientes:<\/span><\/p>\n

CRM:<\/strong> Puedes visualizar el seguimiento de ventas o actividades por etapas gracias al uso de tarjetas. Adem\u00e1s de permitir cambiar r\u00e1pidamente de etapa utilizando la funcionalidad \u201cdrag & drop\u201d, que est\u00e1 por default en las vistas kanban.<\/span><\/p>\n

\"\"<\/p>\n

Contactos:<\/strong> Muestran la informaci\u00f3n m\u00e1s importante del contacto, destacando la imagen.<\/span><\/h3>\n

\"\"<\/p>\n

Inventario:<\/strong> Muestran mediante gr\u00e1ficas los traslados con fecha programada vencida, los del d\u00eda actual y los futuros.<\/span><\/h3>\n

\"\"<\/p>\n

Entre muchos otros ejemplos m\u00e1s.<\/span><\/h3>\n

\u00bfC\u00f3mo se crean las vistas kanban dentro de Odoo?<\/u><\/em><\/span><\/p>\n

Odoo ofrece distintas formas para crear las reglas de acceso y de registro, aunque las m\u00e1s comunes son utilizando c\u00f3digo dentro del m\u00f3dulo y crearlas dentro del sistema.<\/span><\/p>\n

Estructura de vistas Kanban<\/strong><\/span><\/p>\n

La definici\u00f3n de las vistas kanban es similar a la definici\u00f3n de las vistas lista y formulario, con la excepci\u00f3n de que el elemento ra\u00edz es <kanban>. Un ejemplo sencillo de las vistas kanban es el siguiente:<\/span><\/p>\n

\"\"<\/p>\n

    \n
  • \n

    <templates>: Define una lista de plantillas QWeb.<\/span><\/h3>\n<\/li>\n
  • <t>: Es un elemento marcador de posici\u00f3n para las directivas QWeb. Este elemento se debe definir al menos una vez dentro de la plantilla ra\u00edz (<templates>), ya que ser\u00e1 renderizada una vez por cada registro. En este caso, define el nombre de la plantilla como \u201ckanban-box\u201d.<\/span><\/li>\n
  • <field name=\u201dname\u201d\/>: Esto a\u00f1adir\u00e1 el campo \u201cname\u201d a la vista kanban.<\/span><\/li>\n<\/ul>\n

    Una vez que tenemos la vista kanban a\u00f1adida correctamente a nuestro objeto, podemos mejorarla utilizando m\u00e1s opciones de dise\u00f1o que no est\u00e1n por default dentro de las vistas lista o formulario. Por ejemplo, consideremos la siguiente vista kanban dentro de compras:<\/span><\/h3>\n

    \"\"<\/p>\n

    Donde el c\u00f3digo de la vista es el siguiente:<\/span><\/h3>\n

    \"\"<\/p>\n

    Supongamos que dentro de la vista queremos mostrar el nombre del comprador (en caso de que lo tenga) donde se muestre el borde con un color espec\u00edfico. A\u00f1adiendo el siguiente c\u00f3digo en la vista anterior:<\/span><\/h3>\n
      \n
    • \n

      <div>: Es el contenedor gen\u00e9rico para el contenido. No tiene efecto en el contenido o en el dise\u00f1o hasta que se le aplica un estilo de alguna manera. En este caso, se aplica estilo utilizando los atributos class y style.<\/span><\/h3>\n<\/li>\n
    • <t t-if>: Es un condicional. El elemento ser\u00e1 renderizado si la condici\u00f3n es verdadera.<\/span><\/li>\n
    • <field name=”user_id”>: A\u00f1adir\u00e1 el campo \u201cuser_id\u201d a la vista kanban.<\/span><\/li>\n<\/ul>\n

      Al actualizar el m\u00f3dulo obtenemos el siguiente vista:<\/span><\/h3>\n

      \"\"<\/p>\n

      De esta forma, la vista nos permiti\u00f3 mostrar informaci\u00f3n asociada al objeto, adem\u00e1s de agregar personalizaci\u00f3n a la estructura de la vista m\u00e1s all\u00e1 de las propiedades que tenemos dentro de vistas lista y formulario.<\/span><\/h3>\n

      Consejos r\u00e1pidos:<\/strong><\/span><\/h3>\n
        \n
      • Las vistas kanban permiten a\u00f1adir desde el registro campos, botones o \u00edconos personalizados. \u00dasalos seg\u00fan tus necesidades de dise\u00f1o.<\/span><\/li>\n
      • Una buena vista kanban muestra solo los campos relevantes: nombre, responsable, fecha l\u00edmite, prioridad, etiquetas, montos totales, por decir algunos. Evita saturar cada tarjeta con demasiados campos, ya que es probable que mucha de su informaci\u00f3n sea ilegible.<\/span><\/li>\n
      • Usa colores o etiquetas para destacar informaci\u00f3n importante, por ejemplo, prioridades, estados, fechas, entre otros.<\/span><\/li>\n
      • Combina las vistas kanban con diferentes tipos de vista (lista, formulario, pivote, calendario) para tus modelos personalizados, permitiendo mostrar la informaci\u00f3n m\u00e1s importante que m\u00e1s se adapta al tipo de vista correspondiente.<\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

        \u00bfQu\u00e9 son las vistas Kanban? \ud83d\udcd8 ART\u00cdCULO T\u00c9CNICO Son una vista est\u00e1ndar dentro de Odoo (como las vistas lista o formulario), pero su estructura es mucho m\u00e1s flexible,\u2026<\/p>\n","protected":false},"author":4,"featured_media":726,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-735","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development"],"_links":{"self":[{"href":"https:\/\/exdoo.mx\/blogs\/wp-json\/wp\/v2\/posts\/735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/exdoo.mx\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/exdoo.mx\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/exdoo.mx\/blogs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/exdoo.mx\/blogs\/wp-json\/wp\/v2\/comments?post=735"}],"version-history":[{"count":3,"href":"https:\/\/exdoo.mx\/blogs\/wp-json\/wp\/v2\/posts\/735\/revisions"}],"predecessor-version":[{"id":1982,"href":"https:\/\/exdoo.mx\/blogs\/wp-json\/wp\/v2\/posts\/735\/revisions\/1982"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/exdoo.mx\/blogs\/wp-json\/wp\/v2\/media\/726"}],"wp:attachment":[{"href":"https:\/\/exdoo.mx\/blogs\/wp-json\/wp\/v2\/media?parent=735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/exdoo.mx\/blogs\/wp-json\/wp\/v2\/categories?post=735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/exdoo.mx\/blogs\/wp-json\/wp\/v2\/tags?post=735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}