MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. shicks
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    S
    Offline
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 4
    • Groups 0

    shicks

    @shicks

    0
    Reputation
    1
    Profile views
    4
    Posts
    0
    Followers
    0
    Following
    Joined
    Last Online

    shicks Unfollow Follow

    Latest posts made by shicks

    • RE: How to show/hide a module depending on if has data

      @sdetweil Thank you! Using developers tab and console.logs, I fixed the data coming in (driven on a timer). Once that was correct, your confirmation/explanation of show/hide made total sense!

      If (items.length> 0) {
      this.show();
      } else {
      this.hide();
      }

      Works great!

      posted in Troubleshooting
      S
      shicks
    • How to show/hide a module depending on if has data

      I have a custom module which displays a json list and is working fine. It uses node_help.js to fetch the json from a server.

      I would like to hide the module, header and all, if there is no data available. I’ve tried adding show() and hide() in the socketNotifcationReceived() :

      If (items.length> 0) {
      this.show();
      this.updateDom(animationSpeed);
      } else {
      this.hide();
      this.updateDom(animationSpeed);
      }

      The module will appear if there is initially items in the list. If I remove all items from the list, the module will “hide”. But if I add items to the server where the json is pulled, the module will not reappear.

      I’m guessing I don’t understand what all hide() does?

      Thank you for any guidance.

      posted in Troubleshooting
      S
      shicks
    • RE: MMM-CalendarExt3 increase .header height

      @shicks I found it! Thanks to other posts on here.

      The css for the height of the header fixes it:
      .CX3 {
      –cellheaderheight: 50px;
      }

      I still have to tighten things up a bit but at least I go this one that was elusive to me.

      7652c89b-812d-4b71-8bd9-ab682f23509e-image.png

      posted in Custom CSS
      S
      shicks
    • MMM-CalendarExt3 increase .header height

      hello!
      I would like to increase the size of the date number and it works with css:
      .CX3 .cellDate {
      font-size: 120%;
      }

      But the bigger numeric bleeds into the events below. I tried increasing the height of .cellHeader but it simply bleeds farther down behind the events.

      How do I made the date number larger and push the events down to make room. I think the issue is I don’t know enough about the flex mechanisms.

      ce9c1186-ec13-44ee-a74e-389473445724-image.png

      Thank you for any help!

      posted in Custom CSS
      S
      shicks