- Posts: 8
- Thank you received: 1
How to highlight the current day in Full Calendar?
- Pascal
- Topic Author
- Offline
- New Member
Less
More
1 year 11 months ago #156403
by Pascal
How to highlight the current day in Full Calendar? was created 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
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
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
1 year 11 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
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
Less
More
- Posts: 8
- Thank you received: 1
1 year 11 months ago #156531
by Pascal
Replied by Pascal on topic How to highlight the current day in Full Calendar?
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
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.
- Tuan Pham Ngoc
- Offline
- Administrator
1 year 11 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:
Change that red to the color code you want and it should work
Regards,
Tuan
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
Less
More
- Posts: 8
- Thank you received: 1
1 year 11 months ago - 1 year 11 months ago #156558
by Pascal
Replied by Pascal on topic How to highlight the current day in Full Calendar?
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.
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 11 months ago by Pascal.
The following user(s) said Thank You: Juan Canal
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
1 year 11 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
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
Less
More
- Posts: 8
- Thank you received: 1
1 year 11 months ago #156598
by Pascal
Replied by Pascal on topic How to highlight the current day in Full Calendar?
Thank you
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Offline
- Administrator
1 year 11 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
Regards,
Tuan
Please Log in or Create an account to join the conversation.
Support
Documentation
Information
Copyright © 2025 Joomla Extensions by Joomdonation. All Rights Reserved.
joomdonation.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.