If the title of an event is more than about 20 characters, when the calendar is displayed, the title text wraps to a second line and it covers over the time display. Here is an example.
http://bfolondon.ca/calendar/?month=nov&yr=2016
Peter
Title text wraps and displays over time
Re: Title text wraps and displays over time
This has been fixed in the latest release (1.3.10)
Re: Title text wraps and displays over time
Thanks for the calendar !
Is there any way to have the title being cut off so that all calendar cells remain the same size ?
The title does not obscure the time any more but cell layout gets very bad when one uses a rather long title.
thanx, peter
Is there any way to have the title being cut off so that all calendar cells remain the same size ?
The title does not obscure the time any more but cell layout gets very bad when one uses a rather long title.
thanx, peter
Re: Title text wraps and displays over time
Perhaps you can provide a link showing the issue? Iterative attempts have been made in the last few releases to make the title better, hopefully that has helped, if not, let me know how yours looks and I'll try to suggest options
Re: Title text wraps and displays over time
Please look at this link
http://wir-am-hoerder-neumarkt.de/
we have now very short texts; if you look at the last (sunday) column you will see the "problem"
Btw: would it be possible to fold / unfold categories or have them in 2 columns ?
thanks, peter
http://wir-am-hoerder-neumarkt.de/
we have now very short texts; if you look at the last (sunday) column you will see the "problem"
Btw: would it be possible to fold / unfold categories or have them in 2 columns ?
thanks, peter
Re: Title text wraps and displays over time
I have taken a look at this; it seems it's just an artefact of CSS, you can make the following changes to the CSS on the calendar options page which should help you
Within the .day-without-date element, modify width to be 14.28% and add the following tag
Within the .day-with-date element, modify width to be 14.28% and add the following tags
Within the .current-day element, modify width to be 14.28% and add the following tag
As regards the categories, I will look into possibly rolling these up in a future release
Within the .day-without-date element, modify width to be 14.28% and add the following tag
Code: Select all
max-width:50px
Code: Select all
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 50px;
Code: Select all
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 50px;