jQuery UI Widgets Forums Scheduler Customize time line month view column header

This topic contains 4 replies, has 2 voices, and was last updated by  Didier 5 years, 4 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author

  • Didier
    Participant

    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


    Hristo
    Participant

    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


    Didier
    Participant

    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


    Hristo
    Participant

    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


    Didier
    Participant

    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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.