Skip to content

Kanban

Kanban is a component designed to visualize and display tasks for efficient management. Within the Kanban Component, tasks(represented as cards ) can be moved between sections using Drag and Drop functionality. Whenever a Kanban Card is moved to a different section, an Action for saving should be registered.

  • How to Create
  1. Select Kanban type in New Component Popup Screen.
  2. Enter the Component Name, the name displayed on the Screen (Symbolic String or Custom Name) and then choose the created Business Object,then click Next button.
  3. Select a field from the Business Object that you want to use as the header in the Kanban.
  4. The Header Reference Code option allows you to select a set of options or categories from your Common Code that will be used specifically in the header of your Kanban.
  5. Next, you select the fields from your data model that you want to use in the Kanban Component. When you create the Component, the Kanban controls will be generated in the order they are listed in the Component usage field list.
  • Applicable Component Attributes
  1. Header Field: Choose the field to be used as the header in the Kanban.

  2. Header Reference Code: Select the Common Code to be displayed in the header.

    [Image1. Header Field Position]
    

    [Image2. Header Field and  `Common Code` Setup sample]
    

  • Available List of Services
NamePlatformDescription
loadCommonEvent that occurs when data loading
  1. Load: To fetch data for the Kanban Component when it loads, you must register a service. Since multiple items of data need to be retrieved and displayed, you would select the List Component for this pur

  1. cell-dblclick: This is the event that occurs when a card in the Kanban Component is double-cliked. You can register a service to call a screen(popup, right panel, etc.) where the selected data can be edited or to call a screen to view detailed information.

INFO

When using the Show Right Panel action, you can set the ControlId to pass key values.

  • Available List of Controls
  1. ToolbarButton: This is a Button Control that can be placed in the Toolbar area of the Kanban Component. You can use this ToolbarButton to peform actions such a Refresh(for reloading data), New(for calling the registration screen), and Save( for chaning the status of cards via Drag & Drop for saving).
  2. KanbanItem: Each Kanban Item represents a single card displayed on the Kanban Component. Each item displays different values on the screen based on the configured Data Key. It's important to have the Id among the Data Keys for Drag and Drop functionality to work.