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 3.0k 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

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

      Mykle1M 1 Reply Last reply Reply Quote 0
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @JoeFranz
        last edited by

        @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
        • pjkoelemanP Offline
          pjkoeleman
          last edited by pjkoeleman

          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

            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

              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

                @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

                  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 Reply Quote 1
                  • O Offline
                    orayoflighto Project Sponsor @onetwankyfive
                    last edited by

                    @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