Styling RadTaskBoard Column Headers

1 Answer 126 Views
TaskBoard
Guy
Top achievements
Rank 2
Guy asked on 26 Aug 2021, 01:51 PM

Hi

I'm trying to style the column header background colour of the RadTaskBoard.

Using the RadTaskBoard.ColumnHeaderTemplate you can change the content of the column header as in the image below, but you can't style the background.

I need each column header (and collapsed header) to have its own colour. Is there a way I can achieve this?

Thanks

Guy

1 Answer, 1 is accepted

Sort by
0
Dilyan Traykov
Telerik team
answered on 31 Aug 2021, 08:23 AM

Hi Guy,

Thank you for the provided image.

To change the background of the column headers, you need to create an appropriate style targeting the TaskBoardColumnContainer element.

Depending on the theme you're using you may also need to modify the default template and create an additional style for the RadToggleButton in the header.

For your convenience, I've prepared a small sample project to demonstrate how you can achieve this in the Windows8 theme. You can notice that I've defined a converter in order to apply some conditional styling.

Please have a look and let me know if a similar approach would work for you.

Regards,
Dilyan Traykov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Guy
Top achievements
Rank 2
commented on 31 Aug 2021, 02:32 PM

Hi

That's exactly what I needed, thank you!

Kind regards

Guy

Tags
TaskBoard
Asked by
Guy
Top achievements
Rank 2
Answers by
Dilyan Traykov
Telerik team
Share this question
or