Premium support for our pure JavaScript UI components
Hi Team,
We are using below function to jump to a particular record.
Query1: Selected record always show-up at the last in the view, we want it to the top in that view.
let selectedRowOptions = {
record: this.nodeDetails.GUID,
scrollIntoView: true
}
this.gantt.selectRow(selectedRowOptions);
Query2: Also, it is possible to put a floating/disappearing CSS to highlight the selected record?
Thanks,
Shashank Yadav
Hatch Digital
Looks like our docs has a bug. When you followed the link to see what BryntumScrollOptions
were, it did not lead to the info you seek.
Screenshot 2024-02-19 at 09.31.19.png (108.75 KiB) Viewed 306 times
This is a docs bug that let you down, and we'll fix it.
That is in fact an object and you can specify
myGridOrGantt.scrollRowIntoView(myGridOrGantt.store.getAt(500), { block : 'start', highlight : true });
Hi, I tried piece of code provided by you, but it didn't make any difference.
I will go through doc provided by you, meanwhile any other lead for me, please?
this.gantt.scrollRowIntoView(this.nodeDetails.GUID, { block : 'start', highlight : true });
Thanks
That is correct code. You just need to debug now.
Thank you, that worked for me.
Just need one quick assistance, do you know the class for changing the color of highlighted row CSS ?
Later that we can close this ticket.
Regards,
Shashank
Its done by this animation:
@keyframes b-fx-highlight-animation {
0% {
box-shadow : none;
}
50% {
box-shadow : 0 0 10px 5px $row-highlight-box-shadow-color;
}
100% {
box-shadow : none;
}
}
Override that in your own CSS. We will have that colour as a CSS property that you can set when we refactor our CSS.
Thank you so much, it worked. We can close this ticket.
Regards,
Shashank Yadav