Solved FullCalendar Viz missing colour

[mennoswaak]

Updated my FullCalendar Viz on one of my sites and it went well.
Some setting I needed do to enew but almost everything is working.
DebugJS was needed to make it work.
The problem with two popups is gone and that was very welcome.
One thing that is not working anymore is the colour. It ios not showing.
However Legend is showing the colour.

I am on J4.4.9 F4.4 and Php 8.2.20
FullCalendar is 4.3.5

 

[wezetel]

Colors working on my testsite (J5.2.0, F4.3.1, FC 4.3.5, PHP 8.2.24)

 

[achartier]

Any they work on my test site just fine.

Any javascript errors?

 

[mennoswaak]

I looked om some other VIZ's on the site and found that some of them showd colours.
And then I found that only two of my list refuse to show colour and all other were happy to display with their colour.
I did many experiments and whatever I tried: same result.
So i inspected the lists, the groups, the forms, even a few of the elements. Still no idea.
With all list Legend faithfully is showing all colours.
I don't have time to inspect all elements.
So.. where to search?
Any help welcome

 

[elmarra]

What kind of element do you have for the color label? Have you checked this?

 

[mennoswaak]

What kind of element do you have for the color label? Have you checked this?

In the lists without colour:
field - varchar(20)
databasejoin int(11) + int(11) - varchar(100)
In lists that show colour:
field - varchar(100)
fiels - varchar(100)
They were all working in the past

 

[elmarra]

In the list that has no color, check if the elements have a value.
They also work for me with database joins

 

[troester]

Did you set the "Colour" or a "Status element"?

 

[mennoswaak]

Only Colour element, never used Status element

 

[troester]

Do you have a link?

 

[mennoswaak]

this is the one for public use (the one without colour):

Kalender

Centrum voor studie en ontwikkeling van permacultuur in Den Haag en omgeving.

www.permacultuur.nu

and I made another one with and without color (for a short period)

Kalender twee

Centrum voor studie en ontwikkeling van permacultuur in Den Haag en omgeving.

www.permacultuur.nu

Let me know when I can move this one.

 

[elmarra]

From what I was able to replicate this happens if you don't set Start date element and End date element.
In the current configuration you need to set both.
@achartier

 

[achartier]

Do you see this as a problem? I would think there must always be start and end date elements.

 

[elmarra]

I don't see it as a problem, but in my case that I only use it with start time, the label is still shown and so setting the color should show it.
That is, regardless of the end time, if the label is shown (only with start time) I think it is right to also show the set color.
I don't want to be wrong, but from memory in my old FC, the color was shown even with only the start date. I'll check

 

[elmarra]

Yes, I can confirm that with the old FC the label colors were always set. (the red boxes are for darkening)


As you can see above that color above was given by the fullcalendar css.
The settings as you see above are like this:

and if you set the color it overwrote the css rule.
The old fullcalendar.css had 1300 lines of css code (some useless) and in that there was also a default label background setting.
(the end date element is given as optional. so I think that even just with the start date the label should color. My opinion)
Regardless of start or end time

 

[elmarra]

this is the one for public use (the one without colour):

Kalender

Centrum voor studie en ontwikkeling van permacultuur in Den Haag en omgeving.

www.permacultuur.nu

and I made another one with and without color (for a short period)

Kalender twee

Centrum voor studie en ontwikkeling van permacultuur in Den Haag en omgeving.

www.permacultuur.nu

Let me know when I can move this one.

if you need to show the color you can stall with this

.fc-event {
    background-color: #fff; /* change with your color */
}

(if that doesn't work, apply !important)

 

[mennoswaak]

thanks elmarra
and where should this line go?

 

[achartier]

While we are talking about time display, FC makes a decision on whether to display the time based on the Date/JDate elements Show Time Selector option. So if you only wish to show the start time then make sure this option is disabled in the end date element.

 

[troester]

So if you only wish to show the start time then make sure this option is disabled in the end date element.

No good idea.
The event usually has a start and end time, you need the date option to set it. How would you otherwise get the event length.

In the old FC it was displaying the start time (and only the start time) depending of the "Time format" settings.
If you want to introduce also an end time display I think it will need a new option like "End time format".

 

[achartier]

I never changed this behavior, this is how it was in the old FC. Doesn't mean we can't change it to suit if we want to. Your wish is my command