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

Scheduled Pinned Locked Moved Utilities
486 Posts 83 Posters 677.8k Views 83 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.
  • ? Offline
    A Former User @mmmmh
    last edited by Nov 20, 2019, 4:08 PM

    @mmmmh

    1. Give your view className to control more precisely.
      For example,
    {
      title: "Remove Empty Slot",
      name: "DailyView",
      mode: "daily",
      calendars: [],
      position:"top_left",
      hideOverflow: false,
      slotCount: 7,
      className: "remove_empty_slot"
    },
    

    Then modify your css/custom.css

    .CX2 .remove_empty_slot .eventCount_0 {
      display:none;
    }
    

    0_1574265909660_62961079-1001-441c-905b-05e5866744d4-image.png

    B 1 Reply Last reply Nov 21, 2019, 6:32 AM Reply Quote 0
    • M Offline
      mmmmh Project Sponsor
      last edited by Nov 20, 2019, 9:42 PM

      @Sean That works nicely for skipping days without events, thanks.

      What can I do about the overlap of the content. I can’t limit the view height in the config file or in the class style.

      ? 1 Reply Last reply Nov 20, 2019, 11:17 PM Reply Quote 0
      • ? Offline
        A Former User @mmmmh
        last edited by Nov 20, 2019, 11:17 PM

        @mmmmh
        can u tell me more details? even picture would be a help to understand your expect.

        M 1 Reply Last reply Nov 21, 2019, 7:20 AM Reply Quote 0
        • B Offline
          BKeyport Module Developer @Guest
          last edited by Nov 21, 2019, 6:32 AM

          @Sean You know, I was just wondering how to get rid of empty days. Thanks!

          The "E" in "Javascript" stands for "Easy"

          1 Reply Last reply Reply Quote 0
          • M Offline
            mmmmh Project Sponsor @Guest
            last edited by Nov 21, 2019, 7:20 AM

            @Sean said in MMM-CalendarExt2:

            @mmmmh
            can u tell me more details? even picture would be a help to understand your expect.

            Here’s an example (I disabled other modules).

            0_1574320720537_013b7d8a-aaaf-4511-bdf7-33935942e3f8-image.png

            ? 1 Reply Last reply Nov 21, 2019, 7:39 AM Reply Quote 0
            • ? Offline
              A Former User @mmmmh
              last edited by A Former User Nov 21, 2019, 7:41 AM Nov 21, 2019, 7:39 AM

              @mmmmh
              You can set hideOverflow:true and slotMaxHeight:100px. If your view has 5 slots(with column type), The height of the view will be (100 + @) * 5. @ would be some additional elements like some margins or title area. Anyway, with this calculation, you can adjust and estimate the height of the view somehow.
              Or you can put this 2 view in same position(bottom_bar?), in that case, the views will be stacked not overlapped. The order will be what you ordered in configuration.

              Or, just use another position like bottom_bar and top_right.

              1 Reply Last reply Reply Quote 0
              • M Offline
                mmmmh Project Sponsor
                last edited by Nov 21, 2019, 8:36 AM

                @Sean
                Thanks for the constructive help. I was already using different positions. Stacking within the same position doesn’t really work:

                0_1574324822509_9fd17df8-d8a1-407c-9e9d-d93bade0fbe1-image.png

                Slot limiting (and two different positions) seems to be (closer to) what I want to accomplish:

                0_1574324906605_13d706dd-b35c-4e7c-8e2e-5920cbbd2b88-image.png

                Another workaround would probably be to work with separate instances of the module.

                ? 1 Reply Last reply Nov 21, 2019, 8:57 AM Reply Quote 0
                • ? Offline
                  A Former User @mmmmh
                  last edited by Nov 21, 2019, 8:57 AM

                  @mmmmh
                  In your picture (trial for stacking),
                  You probably have trouble with styling a daily view. I think it is about the view’s location and width. In that case, you can assign className to control specific view details with CSS.

                  1 Reply Last reply Reply Quote 0
                  • M Offline
                    mmmmh Project Sponsor
                    last edited by Nov 21, 2019, 9:25 AM

                    @Sean
                    Thanks for the remark. Stacking in the same position but with a different (additional) class for the column kinda works but there is still overlap (in this instance I am not limiting the slot height and count in the column, I would like to have as many entries as possible in the column):

                    0_1574328237696_fa5168ad-f99e-4bb2-8ace-0b06c2a490b3-image.png

                    M 1 Reply Last reply Nov 21, 2019, 2:53 PM Reply Quote 0
                    • M Offline
                      mmmmh Project Sponsor @mmmmh
                      last edited by Nov 21, 2019, 2:53 PM

                      I found a workaround. I made the background of the lower part black. : )

                      In the last screenshot Thu. 28 takes up so much space, even when I enable hideOverflow. I think have to remove some hardcoded 150px in .slotContent but I can’t get to it.

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 12
                      • 13
                      • 14
                      • 15
                      • 16
                      • 48
                      • 49
                      • 14 / 49
                      14 / 49
                      • First post
                        131/486
                        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