• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Since the update calendar too wide

Scheduled Pinned Locked Moved Troubleshooting
8 Posts 6 Posters 2.9k Views 6 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • J Offline
    JoeFranz
    last edited by Oct 3, 2017, 7:30 AM

    Hello, since the update, the calendar is always on full width. No matter what you type at “maxTitleLength”.

    M 1 Reply Last reply Oct 3, 2017, 11:10 AM Reply Quote 0
    • M Offline
      Mykle1 Project Sponsor Module Developer @JoeFranz
      last edited by Oct 3, 2017, 11:10 AM

      @JoeFranz said in Since the update calendar too wide:

      Hello, since the update, the calendar is always on full width. No matter what you type at “maxTitleLength”.

      You could try this in your custom.css file and adjust accordingly.

      .calendar {
        width: 300px;
      }
      

      Create a working config
      How to add modules

      1 Reply Last reply Reply Quote 1
      • P Offline
        pjkoeleman
        last edited by pjkoeleman Oct 3, 2017, 12:45 PM Oct 3, 2017, 12:43 PM

        An other option is working with variables in your custom CSS-file and making all of your modules the same width. Changing the width is than done only on one place in your custom CSS-file.

        Try this in your custom.css and ad all your modules to it.

        /* Vars */
        :root {
        	/* Width for all modules */
        	--mod-width	: 310px;			/* only px no % */
        }
        
        /* Make all modules same width */ 
        .clock {
        	width	: var(--mod-width);
        }
        .calendar {
        	width	: var(--mod-width);
        }
        

        I do the same with colors I use in my custom CSS-file.

        1 Reply Last reply Reply Quote 0
        • J Offline
          JoeFranz
          last edited by Oct 3, 2017, 1:30 PM

          Ok that works, thank you. Nevertheless, there are still problems with the calendar. “timeFormat”, “getRelative” and “urgency” do not work either.
          My PIR sensor does not work properly either.
          I think everything again to make completely new.

          1 Reply Last reply Reply Quote 0
          • D Offline
            djsunrise19
            last edited by Oct 3, 2017, 4:20 PM

            same here with “maximumEntries”. Doesn’t work anymore. I see all of them, 30 or 35.

            1 Reply Last reply Reply Quote 0
            • O Offline
              orayoflighto Project Sponsor
              last edited by Oct 12, 2017, 10:46 PM

              @JoeFranz said in Since the update calendar too wide:

              maxTitleLength

              I am having the same problem. I updated recently and maxTitleLength no longer is working.

              1 Reply Last reply Reply Quote 0
              • O Offline
                onetwankyfive
                last edited by Oct 13, 2017, 5:37 PM

                try the flag maximumEntries: ‘10’, in your config file right after the calendar you are displaying

                symbol: 'headphones ',
                url: ‘https://google.com/public/basic.ics’,
                maximumEntries: ‘10’,
                maxTitleLength:‘30’

                I miss the way the old calendar did max 10 no matter how many calendars you were calling in the config

                O 1 Reply Last reply Oct 13, 2017, 8:29 PM Reply Quote 1
                • O Offline
                  orayoflighto Project Sponsor @onetwankyfive
                  last edited by Oct 13, 2017, 8:29 PM

                  @onetwankyfive

                  Adding the config option after each calendar worked for me. Thanks for the help!

                  1 Reply Last reply Reply Quote 0
                  • 1 / 1
                  • First post
                    Last post
                  Enjoying MagicMirror? Please consider a donation!
                  MagicMirror created by Michael Teeuw.
                  Forum managed by Sam, technical setup by Karsten.
                  This forum is using NodeBB as its core | Contributors
                  Contact | Privacy Policy