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.

    Touchscreen Buttons

    Scheduled Pinned Locked Moved Requests
    3 Posts 2 Posters 2.3k Views 1 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.
    • C Offline
      chrisyy
      last edited by

      Hi there,

      since my touchscreen is running fine, i want to get my mirror to look like a smartphone. But i’m realy not useful in programming js.

      So i simply want a module or a code snippet, that creates an icon (e.g. a weather symbol) and does onClick module.hide / module.show. If i had a clue in js, i would do it myself. But it would be enough if u can post a snippet with this function and i could do it for the other modules i need.

      thanks!

      1 Reply Last reply Reply Quote 0
      • brobergB Offline
        broberg Project Sponsor
        last edited by

        I made it with addEventListener(“click”, ()=> function())

        but if you put the button in a module and hide the entire module the button will also disappear when you click it.
        The changes I made to the newsfeed I added style.display=“none/block” to hide and show divs

        But since I’m a noob-coder I’m not sure that is the best way to do it

        C 1 Reply Last reply Reply Quote 0
        • C Offline
          chrisyy @broberg
          last edited by

          @broberg
          I think the easiest way according to the Module dev md and the Code i’ve Seen in other modules is getModule -> onclick -> hide/Show.

          Also, i dont want to change anything in the modules directly. Let me call it sth like a navbar on web pages. Just Made with: when this is clicked show me that.

          But as i said im useless in js programming. But a snippet of the function should be enough, so ist could do the Rest.

          1 Reply Last reply Reply Quote 0

          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

          With your input, this post could be even better 💗

          Register Login
          • 1 / 1
          • 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