Skip ke Konten
Pertanyaan ini telah diberikan tanda
3 Replies
12694 Tampilan
Avatar
Mark Lewis

 Hello

I'm finding it hard to read the calendar, its like yellow on yellow.

How can I change this ?

Thanks

Avatar
Buang
Avatar
Gaston Carrera
Jawaban Terbai

Hi, adding some info respect this topic, if you cant see the colors because its all colored like the background color, maybe thats happend because have a variable "fc-bg" in white, if you inspect in the navigator the calendar page, in a event , can see this value (called .fc-event .fc-bg), if you see this in #fff then dont go to see anything.

 First for check change the value "at hand" in the inspector web, if you see that this its changing what you want, then go to fullcalendar.css and search for ".fc-event .fc-bg" and set: 


   z-index: 1;
   background: #000;
   opacity: .3;

Avatar
Buang
Avatar
Yenthe Van Ginneken (Mainframe Monkey)
Jawaban Terbai

Hi Mark,

You could inherit and override the calendar widget in order to re-color calendar items. I've created a detailed blogpost about this here and you can find a demo module (also install web_widget_color) here.

Yenthe

Avatar
Buang
Mark Lewis
Penulis

Hi Yenthe, thanks v much but I guess I can't install modules on the Saas version.

Yenthe Van Ginneken (Mainframe Monkey)

Nope I'm afraid not.. I don't think you have the ability to do anything about the colors in that case? Atleast not that I know.

Yuniesky

Hello, I am trying to change the colors of the odoo calendar.

I have modified the color field in res_partner and I want that to be the color of the calendar event.

Thanks for the help.

Sébastien COURATIN

@Yuniesky, It's a good idea, I'm looking at this quickly

Siméon Element-Péchèr

@Yuniesky was this on odoo online? I can't work out how to change the value

Avatar
Tarek Mohamed Ibrahim
Jawaban Terbai

I think you need to change the forecolor property in the CSS class of the calendar.


Avatar
Buang
Jérémy Kersten (jke)

Default color are specified in /addons/web_calendar/static/src/css/web_fullcalendar.css