• 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 684.6k 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.
  • B Online
    BKeyport Module Developer @mrmagoo_83
    last edited by BKeyport Nov 19, 2019, 7:23 AM Nov 19, 2019, 7:22 AM

    @mrmagoo_83 Regex would be “\(” and “\)” to find both.

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

    1 Reply Last reply Reply Quote 0
    • ? Offline
      A Former User @BKeyport
      last edited by Nov 19, 2019, 9:17 AM

      @BKeyport
      0_1574155039087_8241657f-aaaa-45e4-8a88-e94972b8206d-image.png

      1 Reply Last reply Reply Quote 0
      • ? Offline
        A Former User @Mariba
        last edited by Nov 19, 2019, 9:21 AM

        @Mariba

        It still doesn’t solve the problem.

        In that case, I should have real data to inspect.

        1 Reply Last reply Reply Quote 0
        • M Offline
          mmmmh Project Sponsor
          last edited by mmmmh Nov 20, 2019, 2:59 PM Nov 20, 2019, 2:58 PM

          I have two views in one scene and need some layout/styling help. One row view shows the next 7 days and a column should show as many events as possible from 8 days onwards (a preview). For more precise placement, I created my own regions and added them to the index.html template.

          The next-7-days daily view is at the bottom of the screen and behaves nicely. The preview column is in the center of the screen and regrettably runs over the next-7-days view.

          In a daily column view, how can I skip days without events?

          Which style element do I need to modify in custom.css to have the column content to stop at precise coordinates and not spill over other modules?

          I tried limiting the region either with a bottom-margin or height value, both do not apply.

          Here’s the style that doesn’t work

          .region .preview {
              border: 1px #831e4d solid;
              position: absolute;
              left: 480px;
              width: 400px;
              top: 390px;
              height: 550px;
          }
          
          ? 1 Reply Last reply Nov 20, 2019, 4:08 PM Reply Quote 0
          • ? 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 Online
                  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
                      • 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