Hi Team ,
Does TaskBoard have a task Highlighting feature ?
Please find below attached video for your reference
Hi Team ,
Does TaskBoard have a task Highlighting feature ?
Please find below attached video for your reference
Hi,
There is a highlight method in docs https://bryntum.com/products/taskboard/docs/api/Core/helper/DomHelper#function-highlight-static
This is how it looks
Or Are you looking for filtering?
See how this example does it: https://bryntum.com/products/scheduler/examples/filtering/
It's a Scheduler example. but the principle is exactly the same. Mutate the class list on matched and unmatched tasks so that your styling applies or does not apply.
Taking the above example as a reference, I tried implementing the code for taskboard, but it's not working for me.
Can you please guide me to where I'm making a mistake?
Below is my code
tbar: [ {
type: "textfield",
ref: "highlight",
placeholder: "Highlight tasks",
clearable: true,
keyStrokeChangeDelay: 100,
triggers: {
filter: {
align: "start",
cls: "b-fa b-fa-search",
},
},
onChange(event) {
const {
source: {
parent: { parent: taskBoard },
},
value,
} = event;
taskBoard.project.eventStore.forEach((task) => {
const taskClassList = new DomClassList(task.cls);
if (value !== "" && task.name.toLowerCase().includes(value.toLowerCase())) {
taskClassList.add("b-match");
} else {
taskClassList.remove("b-match");
}
task.cls = taskClassList.value;
});
taskBoard.element.classList[value.length > 0 ? "add" : "remove"]("b-highlighting");
},
}]
Looks like a bug in TaskBoard. The task record's cls
field is not applied to the card in the UI.
Here's a ticket: https://github.com/bryntum/support/issues/6273