• 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.

MMM-CalendarExt

Scheduled Pinned Locked Moved Productivity
198 Posts 45 Posters 178.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.
  • J Offline
    justjim1220 Module Developer @yoey2112
    last edited by Oct 16, 2018, 10:26 PM

    @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
    • J Offline
      justjim1220 Module Developer
      last edited by Oct 16, 2018, 10:30 PM

      @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 Oct 17, 2018, 7:11 AM Reply Quote 0
      • Y Offline
        yoey2112
        last edited by Oct 17, 2018, 12:16 AM

        @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?

        J 1 Reply Last reply Oct 17, 2018, 2:22 AM Reply Quote 0
        • J Offline
          justjim1220 Module Developer @yoey2112
          last edited by Oct 17, 2018, 2:22 AM

          @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 Oct 17, 2018, 7:12 AM Oct 17, 2018, 7:11 AM

            @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 Oct 17, 2018, 12:15 PM

              @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 Oct 17, 2018, 12:31 PM Reply Quote 0
              • ? Offline
                A Former User @yoey2112
                last edited by A Former User Oct 17, 2018, 12:33 PM Oct 17, 2018, 12:31 PM

                @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
                • B Offline
                  bokifide
                  last edited by Nov 5, 2018, 5:19 AM

                  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 Nov 5, 2018, 7:15 AM Reply Quote 0
                  • ? Offline
                    A Former User @bokifide
                    last edited by Nov 5, 2018, 7:15 AM

                    @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
                    • B Offline
                      bokifide
                      last edited by Nov 5, 2018, 2:53 PM

                      @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