ONLINE HELP
 WINDEV, WEBDEV AND WINDEV MOBILE
This content has been translated automatically.  Click here  to view the French version.
Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Kanban control
  • Overview of the Kanban control
  • Creating a Kanban control
  • Characteristics of Kanban controls
  • Internal windows
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
Stored procedures
Overview of the Kanban control
Originally, Kanban is a Japanese method aimed at improving processes for a better, more efficient production cycle.
Today, Kanban also refers to a method in which tasks are visually classified, allowing for better task management.
Each task is written on a "card" that will move to a different list (column) according to its progress status.
Regardless of the task, it can be any resource: user story, requirement, suggestion, manufacturing step, delivery, troubleshooting, etc.
A Kanban board is commonly shared between several users. Each member of the team knows the progress status of the project, and knows what both themselves and the other members have to do.
In addition to better communication, this card-based method provides a clear overview of the production chain and the progress of the tasks, thus allowing members to easily identify bottlenecks and prioritize certain tasks.
You can use the same Kanban control in WINDEV, WEBDEV and WINDEV Mobile. All the main features are the same, with some adjustments for mobile and web to better take advantage of each platform. For example, the control adapts to portrait mode on mobile devices.
Creating a Kanban control
To create a Kanban control:
  1. On the "Creation" tab, in the "Graphic controls" group, expand "Office" and select "Kanban".
  2. Click at the desired location to create the control. The control appears in the editor.
Note: The dimensions of the field created are optimized to occupy the space available at the position indicated.. If the field size doesn't suit you, use the Ctrl + Z key combination: the field will return to its default size.
To view the characteristics of the control, select "Description" in the context menu.
Characteristics of Kanban controls
Kanban controls are composed of lists of cards ("Kanban lists").
The main options of the Kanban control are as follows:
  • Ability to define the different lists in the control ("General" tab).
  • Ability to define the dimensions and display mode of the lists ("Details" tab).
  • Ability to select internal windows/pages ("Details" tab):
    • to display cards.
    • to add and delete cards (if this feature is enabled).
WINDEV

Internal windows

You can use two types of internal windows to customize the Kanban control:
  • Internal window to display cards.
  • Internal window to customize the Add/Delete area.
To fully customize the display mode of the cards (for translation purposes, for example):
  1. Open the Kanban control description window.
  2. On the "Details" tab, select the internal window used to display the cards:
    • "None": the default display will be used.
    • "Predefined window": If this option is selected, the internal WDFAA component is immediately added to the current project.. The "IW_KANBAN_CARD" internal window is automatically selected in "Display cards in".
      Note: If the WDFAA component already exists, only the window is added to the component..
    • Any internal window in your project.
  3. If necessary, validate the control description window.
To fully customize the Add/Delete area:
  1. Open the Kanban control description window.
  2. On the "Details" tab, select the internal window used to display the cards:
    • "None": the default display will be used.
    • "Predefined window": If this option is selected, the internal WDFAA component is immediately added to the current project.. The "IW_KANBAN_LIST_FOOTER" internal window is automatically selected in "Add/Delete area".
      Note: If the WDFAA component already exists, only the window is added to the component..
    • Any internal window in your project.
  3. If necessary, validate the control description window.
Remarks:
  • Each custom internal window is available in the "Project explorer" pane, in the "Internal components" folder. It can be edited in the window editor.
    Caution: these internal windows can only be used to customize the design or look of elements.. Only the "Global declarations" event is executed. No other events are executed. Therefore, you cannot add buttons with a specific click code.
  • If you use the preset window, the style options of the card (selected in the "Style" tab) will be applied.
Related Examples:
WD Kanban Training (WINDEV): WD Kanban
[ + ] This example illustrates how to use, save and load a Kanban control
WW_Kanban Training (WEBDEV): WW_Kanban
[ + ] This example illustrates how to use, save and load a Kanban control
WM Kanban Cross-platform examples (WINDEV Mobile): WM Kanban
[ + ] This example illustrates how to use, save and load a Kanban control
See also
Minimum version required
  • Version 28
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 09/18/2024

Send a report | Local help