TaskBoardTag

Import this file to be able to use the tag <bryntum-taskboard> to create a taskboard.

This is more of a proof of concept than a ready to use class. Example:

<bryntum-taskboard data-column-field="status">
  <column>todo</column>
  <column>doing</column>
  <column>done</column>
  <data>
     <task data-id="1" data-name="Cook Hamburgers" data-status="todo"></task>
     <task data-id="2" data-name="Make Pasta" data-status="doing"></task>
     <task data-id="3" data-name="Bake Pizza" data-status="done"></task>
  </data>
</bryntum-taskboard>

To get styling correct, supply the path to the theme you want to use and to the folder that holds Font Awesome:

<bryntum-taskboard stylesheet="resources/taskboard.stockholm.css" fa-path="resources/fonts">
</bryntum-taskboard>

Any entries in the tags dataset (attributes starting with data-) will be applied as configs of the TaskBoard:

<bryntum-taskboard data-column-field="status">
</bryntum-taskboard>

NOTE: Remember to call destroy before removing this web component from the DOM to avoid memory leaks.

Configs

3
faPathWidgetTag
stylesheetWidgetTag
themeWidgetTag

Properties

2
readyWidgetTag
widgetWidgetTag

Functions

1
destroyWidgetTag