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.

    Typewriter Effect for Compliments?

    Scheduled Pinned Locked Moved General Discussion
    5 Posts 2 Posters 780 Views 2 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.
    • E Offline
      Extra
      last edited by

      Hello,

      I’m wondering if it’s possible to add a typewrite effect to the compliments. So instead of them fading in and out, it would appear like they are being typed on screen.

      If this is possible, how would I do it (would it be a Css or Javascript typing effect?) and where would I put the code (Would it go in the config file or the compliments.js)?

      Thanks in advance.

      KristjanESPERANTOK 1 Reply Last reply Reply Quote 1
      • KristjanESPERANTOK Offline
        KristjanESPERANTO Module Developer @Extra
        last edited by KristjanESPERANTO

        Nice idea :thumbsup: :-)

        I would start with compliments.js and this howto:
        https://www.w3schools.com/howto/howto_js_typewriter.asp

        E 1 Reply Last reply Reply Quote 0
        • E Offline
          Extra @KristjanESPERANTO
          last edited by

          @kristjanesperanto Ya, I was looking at that tutorial, and I was looking at compliments.js and I’m wondering where to put the code. Since there’s so many lines of code, it’s a bit overwhelming. I just don’t want to mess anything up (I’ll be sure to make a backup first before I try anything though).

          KristjanESPERANTOK 1 Reply Last reply Reply Quote 0
          • KristjanESPERANTOK Offline
            KristjanESPERANTO Module Developer @Extra
            last edited by KristjanESPERANTO

            Okay, maybe a CSS approach will be easier for you then. Here is a howto you could also try: https://css-tricks.com/snippets/css/typewriter-effect/

            Then you would “only” have to adjust your custom.css.

            Feel welcome to let us know if you’re making progress.

            I don’t know how familiar you are with CSS and JavaScript, but it can’t hurt to try :-)

            E 1 Reply Last reply Reply Quote 0
            • E Offline
              Extra @KristjanESPERANTO
              last edited by

              @kristjanesperanto Thanks, I’ll look into it.

              1 Reply Last reply Reply Quote 1
              • 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