I am working on a page where I need to highlight different events in a day with different colors in a ASP.NET Calendar Cell. The events are store in a database with a start date column.
For example, if we have two different events for today, the cell should display half green and half red color. If there are three events for today, it would 1/3 green, 1/3 red, 1/3 blue in the cell for today.
In addition, currently I use tooltip in jquery to hover a cell, it would display a tooltip above the cell. How to handle this when we have different events in one cell?
All the answers are very much appreciated.
Thank you very much.
I think I could answer my own question. I used the DayRender event, and in that event, I did a select statement to get all the events information for each day of the calendars. I could get the number of events in one day from the select statement. Based on how many events on a day, I will add how many divs into the day cell; and based on number of events in one day, I can set the width of the div. In addition, when I added the divs, I added the class for the each div so that I can change the colors of each div.