Our flexible Kanban board for managing tasks with drag drop


Post by tmcuong »

I see example here
https://bryntum.com/examples/taskboard/config-panel/
in example you defined Panel
But I don't know how to attach it into taskboard.
Can I attach config panel like my code below ?

  @ViewChild(BryntumTaskBoardComponent, { static : false }) taskboardComponent: BryntumTaskBoardComponent;  
private taskboard: TaskBoard; this.taskBoardConfig = {
configPanel : { type : 'configpanel', taskBoard : 'up.widgetMap.taskBoard' } }
this.taskboard.setConfig(this.taskBoardConfig);

Post by mats »

No the panel is not part of the Task Board, it's an external widget. You can simply render two widgets next to each other and lay them out using basic flexbox. Recommended reading: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox

https://bryntum.com/docs/scheduler/api/Core/widget/Panel


Post by tmcuong »

Can you help me to define html tag for panel ?
I find in your site but I can not find where I can find panel tag
I want define html tag like

<bryntum-task-board></bryntum-task-board>

Post by saki »

<bryntum-task-board> is already defined and it is the angular wrapper for TaskBoard itself. For more details see Using Wrappers section in the integration guide. There is also https://bryntum.com/examples/taskboard/frameworks/angular/angular-11/dist/angular-11/ that demonstrates its use.

Regarding the configuration panel, it is not a part of the library so it does not have its wrapper, but it is only used in that demo. You would need to use the demo and render the configurator in your angular app yourself. For that you can take the ConfigPanel class source and use that.


Post Reply