Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Break line in title of events

See original GitHub issue

Originally reported on Google Code with ID 179

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

Reported by marcin.milinski on 2009-11-11 08:29:54

Issue Analytics

State:
Created 8 years ago
Comments:24 (12 by maintainers)

Top GitHub Comments

9reactions

rahuljscommented, Sep 25, 2017

Hello People, Simply just add this below line to your stylesheet .fc-day-grid-event .fc-content{ white-space: normal!important; }

4reactions

arshawcommented, Aug 19, 2015

You can use html line breaks (<br />), that seems to work.

Reported by google@jankg.com on 2009-11-13 11:43:56

Top Results From Across the Web

Adding a line break in JavaScript (full calendar)

How can I put a line break in here so that line two moves to the next line? events: [ { title: 'Line...

[FullCalendar 2] Multiple lines in title or description

HI. is it possible to define a linke break in te event title and/or description? I tried newLine() but that didnt work.

How can I add a line break to an event? - Google Calendar ...

You can use <br/>, or just type return/enter (CRLF) as you would in any text editor.

line-break - CSS: Cascading Style Sheets - MDN Web Docs

The line-break CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols.

Full Calendar new line

... trigger: 'hover',\\n placement: 'top',\\n container: 'body'\\n });\\n },\\n\\n events: [\\n {\\n title: 'EVENT 1',\\n description: 'LINE ONE \\\\n LINE ...