How to highlight the current day in Full Calendar?

  • Pascal
  • Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 3 months ago #156403 by Pascal
Hello,
I apologize for this simple question but I cannot figure out how to highlight the cell of the current date in the full calendar (ie make the background colour different than the other cells) .
Thank you
Attachments:

Please Log in or Create an account to join the conversation.

More
1 year 3 months ago #156412 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic How to highlight the current day in Full Calendar?
Hello

You attached screenshots of two different calendars supported in the extension. Exactly which one you want to use? Please let us know so that we can look at it and guide you

Regards,

Tuan

Please Log in or Create an account to join the conversation.

  • Pascal
  • Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 3 months ago #156531 by Pascal
Hello Tuan,
The one named myCalendar corresponds to the one I have on my system.
The one named yourCalendar is a screenshoot of what I saw on your demo that prove to me that it was possible to display the current day on a calendar.
If booth pictures correspond to 2 different calendars, I would like to display the current day on the calendar whose picture is myCalendar.
Thank you
Pascal

Please Log in or Create an account to join the conversation.

More
1 year 3 months ago #156537 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic How to highlight the current day in Full Calendar?
Hello

You can go to Events Booking -> Configuration, look at Custom CSS tab and enter the following custom css code:
Code:
.fc-day-today { background: red !important; }

Change that red to the color code you want and it should work

Regards,

Tuan

Please Log in or Create an account to join the conversation.

  • Pascal
  • Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 3 months ago - 1 year 3 months ago #156558 by Pascal
    Hello,
Thank you for the answer.
In my calendar CSS, there is no .fc-day-today but .eb-calendar-today-date.
It does not change the full cell color but only the header of the cell. It will be enough.
If you have any other suggestion, I would appreciate it otherwise it will do the trick.
Thank you.
PS: I attached how it looks now.
Last edit: 1 year 3 months ago by Pascal.
The following user(s) said Thank You: Juan Canal

Please Log in or Create an account to join the conversation.

More
1 year 2 months ago #156577 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic How to highlight the current day in Full Calendar?
Hi Pascal

I thought you are using Fullcalendar menu item type, like this joomdonationdemo.com/eventbooking/full-calendar , thus the answer

In case you use the Monthly Calendar menu item type, then eb-calendar-today-date is the right class. If you want to access to the container, maybe try this ishadeed.com/article/css-has-parent-selector/ ? I haven't tried, but it might be the solution

Tuan

Please Log in or Create an account to join the conversation.

  • Pascal
  • Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 2 months ago #156598 by Pascal
Thank you

Please Log in or Create an account to join the conversation.

More
1 year 2 months ago #156599 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic How to highlight the current day in Full Calendar?
You're welcome. Please continue using the extension. If you have questions or need help, please don't hesitate to ask

Regards,

Tuan

Please Log in or Create an account to join the conversation.