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.

    Calendar overlapping problem

    Scheduled Pinned Locked Moved Troubleshooting
    9 Posts 3 Posters 4.3k Views 4 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.
    • strawberry 3.141S Offline
      strawberry 3.141 Project Sponsor Module Developer @StrikeBack83
      last edited by

      @StrikeBack83 you didn’t put the config options in the right place, try:

      {
        module: "calendar",
        header: "Österreichische Feiertage",
        position: "top_left",
        config: {
          timeFormat: "absolute",
          maxTitleLength: 17,
          maximumNumberOfDays: 7,
          dateFormat: "DD MMM",
          fullDayEventDateFormat: "DD MMM",
          urgency: 0,
          getRelative: 0,
          calendars: [
            {
              //symbol: "calendar-check-o ",
              url: "https://www.ferienwiki.at/exports/feiertage/2017/at/wien"
            }
          ]
        }
      },
      

      Furthermore you can get mor space out of your monitor, by applying the following css rule in custom.css

      body {
        margin: 10px;
        height: calc(100% - 20px);
        width: calc(100% - 20px);
      }
      

      Please create a github issue if you need help, so I can keep track

      1 Reply Last reply Reply Quote 2
      • S Offline
        StrikeBack83
        last edited by

        Great thanks for your help!
        I’ll try this as soon as i get home.
        Do you know how to remove the symbol in front of each entry?
        Best regards,
        Gery

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

          @StrikeBack83 said in Calendar overlapping problem:

          Do you know how to remove the symbol in front of each entry?

          In your custom.css file, add :

          .calendar .symbol {
            display: none;
          }
          

          Save!
          Restart MM.
          That should do it.

          Create a working config
          How to add modules

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            StrikeBack83 @Mykle1
            last edited by

            .calendar .symbol {
            display: none;
            }

            @strawberry 3.141
            Made all changes and they worked very well, thanks!

            @Mykle1
            I add this in the body in custom.css right?
            I made this change and now i get no entries for my calendar at all.

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

              @StrikeBack83 said in Calendar overlapping problem:

              I add this in the body in custom.css right?

              No sir. That won’t work.

              I made this change and now i get no entries for my calendar at all.

              Take it out of the body.

              body {
                blah: blah;
              }
              
              .calendar .symbol {
                display: none;
              }
              

              Create a working config
              How to add modules

              1 Reply Last reply Reply Quote 0
              • S Offline
                StrikeBack83
                last edited by StrikeBack83

                Ok, i made the changes. Still no calendar entries hmmm!?

                config.js

                var config = {
                              port: 8080,
                              ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"], // Set [] to allow all IP addresses
                                                                                     // or add a specific IPv4 of 192.168.1.5 :
                                                                                     // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
                                                                                     // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
                                                                                     // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
                
                              language: "de",
                              timeFormat: 24,
                              units: "metric",
                
                modules: [
                         {
                          module: "alert"
                         },
                
                         {
                          module: "updatenotification",
                          position: "top_bar"
                         },
                
                         {
                          module: "clock",
                          position: "top_left"
                         },
                
                         {
                          module: "calendar",
                          header: "Österreichische Feiertage",
                          position: "top_left",
                          config: {
                                   timeFormat: "absolute",
                                   maxTitleLength: 17,
                                   maximumNumberOfDays: 7,
                                   dateFormat: "DD MMM",
                                   fullDayEventDateFormat: "DD MMM",
                                   urgency: 0,
                                   getRelative: 0,
                                   calendars: [
                                              {
                                               url: "https://www.ferienwiki.at/exports/feiertage/2017/at/wien"
                                              }
                                              ]
                                  }
                         },
                
                         {
                          module: "compliments",
                          position: "lower_third",
                          config: {
                                   compliments: {
                                                 "day_sunny" : [
                                                 "Heute ist ein sonniger Tag",
                                                 "Heute ist ein schöner Tag"
                                                               ],
                                                 "snow" : [
                                                 "Schneeball Schlacht!"
                                                          ],
                                                 "rain" : [
                                                 "Regenschirm nicht vergessen"
                                                          ],
                                                 "anytime" : [
                                                 "Hi Sexy!"
                                                             ],
                                                 "morning" : [
                                                 "Guten morgen, Sonnenschein!",
                                                 "Gut geschlafen?",
                                                 "Alles was du tun willst schaffst du!",
                                                 "Wer braucht Kaffee wenn er dein Lächeln hat? :-)"
                                                             ],
                                                 "afternoon" : [
                                                 "Du machst den Unterschied!"
                                                               ],
                                                 "evening" : [
                                                 "Du hast heute jemanden zum lachen gebracht :-)",
                                                 "Du machst den Unterschied!"
                                                             ]
                                                }
                                  }
                         },
                
                         {
                          module: "currentweather",
                          position: "top_right",
                          config: {
                                   location: "",
                                   locationID: "2761369",  //ID from http://www.openweathermap.org/help/city_list.txt
                                   appid: ""
                                  }
                         },
                
                         {
                          module: "weatherforecast",
                          position: "top_right",
                          header: "Weather Forecast",
                          config: {
                                   location: "",
                                   locationID: "2761369",  //ID from http://www.openweathermap.org/help/city_list.txt
                                   appid: "",
                                   colored: "true"
                                  }
                         },
                
                         {
                          module: "newsfeed",
                          position: "bottom_bar",
                		  showSourceTitle: true,
                          showPublishDate: true,
                          config: {
                                   feeds: [
                                          {
                                           title: "Kurier",
                                           url: "http://kurier.at/xml/rssd"
                                          },
                                          {
                                           title: "Der Standard",
                                           url: "http://derStandard.at/?page=rss&ressort=Seite1"
                                          },
                                          {
                                           title: "Giga",
                                           url: "http://www.giga.de/feed/"
                                          }
                                          ]
                                  }
                         }
                
                ] //module wird geschlossen
                }; //config wird geschlossen
                
                /*************** DO NOT EDIT THE LINE BELOW ***************/
                if (typeof module !== "undefined") {module.exports = config;}
                
                

                custom.css

                 body {
                 margin: 10px;
                 height: calc(100% - 20px);
                 width: calc(100% - 20px);
                }
                .calendar .symbol {
                  display: none;
                }
                

                Any idea?

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

                  @StrikeBack83 said in Calendar overlapping problem:

                  Any idea?

                  Ok, remove that entry from your custom.css file altogether. Revert any changes you made regarding " supressing the symbol config" and add this to your calendar config entry"
                  displaySymbol: false,

                  It’s right there in the ReadMe file of the calendar module. 3rd entry, configuration options.
                  https://github.com/MichMich/MagicMirror/tree/develop/modules/default/calendar

                  Create a working config
                  How to add modules

                  1 Reply Last reply Reply Quote 2
                  • S Offline
                    StrikeBack83
                    last edited by

                    @Mykle1 said in Calendar overlapping problem:

                    displaySymbol: false,

                    THANKS! I’ve overseen this config option ;-)
                    My bad!

                    1 Reply Last reply Reply Quote 1
                    • 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