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.

    MMM-CalendarExt

    Scheduled Pinned Locked Moved Productivity
    198 Posts 45 Posters 209.9k Views 45 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.
    • justjim1220J Offline
      justjim1220 Module Developer @yoey2112
      last edited by

      @yoey2112

      0_1539728703203_Screenshot (381).png

      add the following to your custum.css file

       #CALEXT_month.tableStyle {
        max-width:100%;
        width:100%;
        background:none;
      }
      

      "Life's Too Short To Dance With Ugly People"
      Jim Hallock - 1995

      1 Reply Last reply Reply Quote 0
      • justjim1220J Offline
        justjim1220 Module Developer
        last edited by

        @Sean

        Do you see the calendar posted above by @yoey2112 ?

        It has blank events instead of collapsed events, I am wanting mine to look like that!

        But, I can’t figure out how to get it done!

        "Life's Too Short To Dance With Ugly People"
        Jim Hallock - 1995

        ? 1 Reply Last reply Reply Quote 0
        • Y Offline
          yoey2112
          last edited by

          @justjim1220 I added that to my custom CSS but its still fairly small, a little bigger though. Is there any way to adjust the height of that location as well?

          justjim1220J 1 Reply Last reply Reply Quote 0
          • justjim1220J Offline
            justjim1220 Module Developer @yoey2112
            last edited by

            @yoey2112

            what did you add? I have been looking to do this!

            the height is self-adjusting per the font sizes and line heights for the table cells.

            May be able to figure out a better way if I had the code you used to get the empty cells to show like that.

            "Life's Too Short To Dance With Ugly People"
            Jim Hallock - 1995

            1 Reply Last reply Reply Quote 0
            • ? Offline
              A Former User @justjim1220
              last edited by A Former User

              @justjim1220
              I’ve already sent email for which was talked between us.

              @yoey2112
              For the whole module width;

              .CALEXT .tableStyle {
                  margin:auto;
                  max-width: 90%; /*  change to 100%  and if you want, you can add field `width` */
              }
              

              But it will be affected by your MM body width (By default, it has some margin)

              1 Reply Last reply Reply Quote 0
              • Y Offline
                yoey2112
                last edited by

                @Sean Can I also adjust the height of the calendar? Example, if I wanted the Calendar to take up the entire bottom half of a Vertical screen?

                ? 1 Reply Last reply Reply Quote 0
                • ? Offline
                  A Former User @yoey2112
                  last edited by A Former User

                  @yoey2112
                  Not easy, but I think possible.

                  It looks you are using weeks (4 weeks) view, So you can adjust the height of each day slot inweeks or months view with this;

                  .CALEXT .tableStyle td.slot {
                    max-height:150px;
                    height:150px;
                  }
                  

                  Add above codes in your css/custom.css. Adjust the value for your purpose.

                  Then, in your config,

                  config: {
                  ...
                    views: {
                      ...
                      weeks: {
                        ...
                        overflowHeight:150, 
                        ...
                      },
                      ...
                    },
                  ...
                  }
                  

                  For further details; https://github.com/eouia/MMM-CalendarExt/wiki/Manipulation-of-looks#viewlimit--viewoverflow
                  But there could be performance issue in RPI; https://github.com/eouia/MMM-CalendarExt/wiki/Performance-Issues

                  1 Reply Last reply Reply Quote 0
                  • bokifideB Offline
                    bokifide
                    last edited by

                    Hi! Love this module :) thank you.

                    Just wondering if there’s a way to omit Saturday and Sunday?
                    Been poking around and I haven’t been able to figure it out =/
                    0_1541395138331_8e5ca64d-0d05-4a5f-8077-0e0a44b6452b-image.png

                    Thanks ahead <3 :)

                    ? 1 Reply Last reply Reply Quote 0
                    • ? Offline
                      A Former User @bokifide
                      last edited by

                      @bokifide
                      Add this to your css/custom.css

                      .day_6 {
                        display:none;
                      }
                      
                      .day_7 {
                        display:none;
                      }
                      
                      .CALEXT .tableStyle td {
                        width:17%;
                      }
                      
                      1 Reply Last reply Reply Quote 0
                      • bokifideB Offline
                        bokifide
                        last edited by

                        @sean said in MMM-CalendarExt:

                        .day_6 {
                        display:none;
                        }

                        .day_7 {
                        display:none;
                        }

                        .CALEXT .tableStyle td {
                        width:17%;
                        }

                        Worked!! Thank you so much, that’s perfect :)

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 10
                        • 11
                        • 12
                        • 13
                        • 14
                        • 19
                        • 20
                        • 12 / 20
                        • 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