Designing kanban cards

The design of a kanban card is quite flexible and uses HTML that is produced from QWeb templates declared in the <templates> element.

The content area will often feature several other areas. Using the CRM Pipeline as a blueprint, the following sections can be found:

• A title section, with the lead short summary
• A content section, with the amount, customer name, and lead tags
• A left footer section, with the priority and activities widgets
• A right footer section, with the salesperson avatar
• A top-right menu button, which in this case, is visible on mouse hover

This section implements the previous kanban card structure, and it populates each section to showcase the most important features. The first step for designing kanban cards is to lay out the kanban card skeleton, which is described next.

Note

The proposed kanban skeleton, as well as certain CSS classes used, is based on the CRM Pipeline kanban view. Odoo modules...