• 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.

Typewriter Effect for Compliments?

Scheduled Pinned Locked Moved General Discussion
5 Posts 2 Posters 742 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 Jan 28, 2022, 10:32 PM

    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.

    K 1 Reply Last reply Jan 28, 2022, 10:33 PM Reply Quote 1
    • K Offline
      KristjanESPERANTO Module Developer @Extra
      last edited by KristjanESPERANTO Jan 28, 2022, 10:38 PM Jan 28, 2022, 10:33 PM

      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 Jan 28, 2022, 10:42 PM Reply Quote 0
      • E Offline
        Extra @KristjanESPERANTO
        last edited by Jan 28, 2022, 10:42 PM

        @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).

        K 1 Reply Last reply Jan 28, 2022, 10:55 PM Reply Quote 0
        • K Offline
          KristjanESPERANTO Module Developer @Extra
          last edited by KristjanESPERANTO Jan 28, 2022, 10:58 PM Jan 28, 2022, 10:55 PM

          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 Jan 28, 2022, 10:59 PM Reply Quote 0
          • E Offline
            Extra @KristjanESPERANTO
            last edited by Jan 28, 2022, 10:59 PM

            @kristjanesperanto Thanks, I’ll look into it.

            1 Reply Last reply Reply Quote 1
            • 1 / 1
            1 / 1
            • First post
              1/5
              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