MagicMirror² v2.12.0 is available! For more information about this release, check out this topic.

default calendar - multi line events - can't change to single



  • Hi,

    I can’t seem to make a long events name truncate. Even when the event name is short sometimes the date causes the line to go to double lines like below:
    0_1574508159695_IMG_20191123_110919.jpg

    My code is below:

    {
    		module: "calendar",
    		header: "Pedro",
    		position: "top_left",
    		config: {
    			timeFormat: "absolute",
    			getRelative: "0",
    			dateFormat: "Do MMM HH:mm",
    			maximumEntries: '10',
    			maxTitleLength: '20',
    			wrapEvents:'false',
    			calendars: [
    				{
    		
    

    Any help appreciated.

    Cheers,
    Pedro


  • Project Sponsor

    @uk-Pedro

    Okey, first of, you need to alter your config since as it is now it won’t use your values.
    When the configuration is a pure number you don’t use " or ' you just enter the number.
    The same goes if the options are true or false.

    so your config should look like this :

    {
    		module: "calendar",
    		header: "Pedro",
    		position: "top_left",
    		config: {
    			timeFormat: "absolute",
    			getRelative: 0,
    			dateFormat: "Do MMM HH:mm",
    			maximumEntries: 10,
    			maxTitleLength: 20,
    			wrapEvents:false,
    			calendars: [
    				{
    		
    

    And I don’t get the row break as you do, do you have any other restrictions in your custom.css?



  • Yep - you sorted it!

    Thanks for the help.


Log in to reply