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 829.1k 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

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

      M 1 Reply Last reply Reply Quote 0
      • BKeyportB Offline
        BKeyport Module Developer @Guest
        last edited by

        @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

          @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 Reply Quote 0
          • ? Offline
            A Former User @mmmmh
            last edited by A Former User

            @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

              @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 Reply Quote 0
              • ? Offline
                A Former User @mmmmh
                last edited by

                @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

                  @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 Reply Quote 0
                  • M Offline
                    mmmmh Project Sponsor @mmmmh
                    last edited by

                    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
                    • M Offline
                      mrmagoo_83
                      last edited by

                      0_1574466280642_calendar.PNG

                      Trying to figure out two things:
                      One: I got the event title to wrap which is what I want, but it causes issues when there is an event following the one that wraps as you can see in the picture.
                      Second: How do I cut the overall height down of the whole thing? There is a lot of empty space, I’d like to limit the events per day to 3 and reduce the overall height of the calendar.

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

                        @mrmagoo_83

                        1. I think you’ve modified CSS for sending event time to the right side, It could make the confusing wrapping. hmmm hard to explain. sorry for my poor English. What kind of method did you use? float right?, By default this module usually use flexbox model. Try another approach with using flex.

                        2. adjust slotMaxHeight of view.
                          https://github.com/eouia/MMM-CalendarExt2/wiki/2c4.-View:week,-month

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 48
                        • 49
                        • 4 / 49
                        • 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