| Issue 179: | Break line in title of events | |
| 3 people starred this issue and may be notified of changes. | Back to list |
FullCalendar currently ignores newlines. It would be very useful if this feature was implemented. Sometimes I need to put long day event on the calendar with long desscription on this event (in title). And I just cannot put break lines into the text so it looks very messy. I would appreciate if this issue will be at least considered as worth thinking about. Thanks in advance, Marcin
Nov 13, 2009
#1
goo...@jankg.com
Nov 20, 2009
Issue 180 has been merged into this issue.
Nov 20, 2009
actually, <br> should NOT work. forcing line breaks is currently not possible w/ fullcalendar. are you sure including the description inline is the best idea? would having it show in a tooltip (http://craigsworks.com/projects/qtip/) be better?
Nov 23, 2009
Hi, I followed your suggestion and launched tooltip and this solution is OK for me. Thank you!
Nov 26, 2009
no problem! this is a better solution b/c it doesn't cram so much text in such a small space. short event titles fit nicely on each event, but things like descriptions or locations are best in a tooltip, or on a different popup/page or something.
Status:
Done
Dec 2, 2009
I found a way to make the title accept HTML code.
eventRender: function(event, element) {
element.find('span.fc-event-title').html(element.find('span.fc-event-title').text());
}
It works for me ;)
Dec 4, 2009
@bibendus1983 Thank you :) I've given up this idea, but tried your solution and works for me as well. I just wanted to display 2 lines (like 'doctor John Brown, Room no 2') in the title and now with <br /> looks better than with a comma.
Dec 9, 2009
;)
Dec 3, 2012
Awesome man!! It worked for me...
Dec 19, 2012
thanks for this tip ;)
Sep 1, 2013
mmm... for some reason, this line isnt working for me.
i have the following code, and the line converting to html is just being ignored :(
eventRender: function(event, element) {
element.popover({
title: event.title,
placement: 'bottom',
content: event.description,
});
element.find('span.fc-event-title').html(element.find('span.fc-event-title').text());
},
Sep 5, 2014
Change :
element.find('span.fc-event-title').html(element.find('span.fc-event-title').text());
to :
element.find('div.fc-title').html(element.find('div.fc-title').text()) ;
|
|
| ► Sign in to add a comment |