Customize time line month view column header

[DidierParticipant]

Hello,

It is sometimes difficult to see on which month we are while scrolling the table of time line month view. Is there a way to display the name of the month in the column’s header or better have a line on top of the table that would display the month ?
Or at least is there a way to change the column’s header background color for every other month ?
Final question, is it possible to highlight a specific day in the month timeline, ideally by changing the column’s header background color.

Thank you very much for your help and support.

With best regards,
Didier

[HristoParticipant]

Hello Didier,

Please, take a look at this example.
But it should be pre-organize to looks better depends on the view and the intermediate states.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[DidierParticipant]

Hello Hristo,

Thank you very much for the example, I’ll have a close look at it.

Regarding a day highlight, is it possible to change a specific day’s column (or column’s header) background color in the month timeline ?

Thank you

With best regards,
Didier

[HristoParticipant]

Hello Didier,

I would like to suggest you look at this example.
Based on this you could try to create a case where check the month and change the style of all cells relevant to this month.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[DidierParticipant]

Hello Hristo,

Exactly what I was looking for ! Thanks a lot !

However, do you have any idea on how I could do the following with TypeScript ?

$("td[data-date='2018-10-03 00:00:00']").css({
 border: '1px solid orange',
 backgroundColor: 'mistyrose'
});

When I put the above code in the ngAfterViewInit method nothing changes.

Thank you for your help

Best regards,
Didier

[Author]

Posts