• 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 204.0k 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.
  • Y Offline
    yoey2112
    last edited by Oct 16, 2018, 9:07 PM

    0_1539723972022_Capture.PNG

    So 2 things really. I’d like the Calendar to take up the entire bottom 3rd of the screen.

    Second, any suggestions on making it look a little popping?

    Thanks!

    J 2 Replies Last reply Oct 16, 2018, 9:25 PM Reply Quote 0
    • J Offline
      justjim1220 Module Developer @yoey2112
      last edited by justjim1220 Oct 16, 2018, 9:48 PM Oct 16, 2018, 9:25 PM

      @yoey2112

      May I ask how you were able to show blank events?

      mine looks like this, all jumbled up and no blanks…

      0_1539726471688_Screenshot (380).png

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

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