My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 179: Break line in title of events
3 people starred this issue and may be notified of changes. Back to list
Status:  Done
Owner:  ----
Closed:  Nov 2009


Sign in to add a comment
 
Reported by marcin.m...@gmail.com, Nov 11, 2009
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
You can use html line breaks (<br />), that seems to work.
Nov 20, 2009
Project Member #2 adamrs...@gmail.com
 Issue 180  has been merged into this issue.
Nov 20, 2009
Project Member #3 adamrs...@gmail.com
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
#4 marcin.m...@gmail.com
Hi, I followed your suggestion and launched tooltip and this solution is OK for me.
Thank you!

Nov 26, 2009
Project Member #5 adamrs...@gmail.com
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
#6 bibendus...@gmail.com
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
#7 marcin.m...@gmail.com
@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
#8 bibendus...@gmail.com
;)
Dec 3, 2012
#9 naman.s...@maneuvr.com
Awesome man!! It worked for me...
Dec 19, 2012
#10 raynald....@easi-services.fr
thanks for this tip ;)
Sep 1, 2013
#11 kneid...@gmail.com
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
#12 luisp...@gmail.com
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

Powered by Google Project Hosting