Navigation

    APPDRAG Community

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Popular

    REMINDER

    Please be respectful of all AppDragers! Keep it really civil so that we can make the AppDrag community of builders as embracing, positive and inspiring as possible.

    Animated text, change type

    Cloud CMS (Pagebuilder, Blog, Shop, Newsletters, Code Editor)
    3
    7
    396
    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.
    • T
      Tio Suadwah last edited by

      Hello everyone, I have a client who asked me if I could make the text type out the animated line just once.
      I was wondering if this could be done by editing the code somehow?

      1 Reply Last reply Reply Quote 0
      • Daniel Mulroy
        Daniel Mulroy last edited by

        Hi Tio - Can you search online for a reference to show the effect you're trying to reproduce?

        1 Reply Last reply Reply Quote 0
        • T
          Tio Suadwah last edited by Tio Suadwah

          Hey Daniel,

          I was trying to use the typing effect, which is cool. The only issue is the client wants the typing to stop after the sentence rather than keep repeating.

          This is what we are trying to get: [https://codepen.io/Mrshcom/pen/uHEpv](link url)

          And this is the site we created: [https://share.getcloudapp.com/rRu0wJBy(link url)

          Any help would be awesome.

          Thanks

          1 Reply Last reply Reply Quote 0
          • Wassim
            Wassim last edited by

            Hi Tio,

            Isn't the animated text plugin what you're looking for?

            5eed017b-5333-4270-9199-e68d98b699e9-image.png

            77f9ab4a-f70e-4a90-9092-68e765b9dcc8-image.png

            8866e8cd-1114-45da-93ba-392203ff1b6d-image.png

            af20b850-e607-4904-9df8-34c28e2910a8-image.png

            1 Reply Last reply Reply Quote 0
            • T
              Tio Suadwah last edited by

              Hey Wassim,
              Yes it is, but the client wants the effect to happen once rather than keep repeating.

              The animated text plugin repeats the effect depending on the time speed set, we would like it to only do it once like this:
              [https://codepen.io/Mrshcom/pen/uHEpv](link url)

              I was hoping there was a way around it, by maybe editing the code or something to stop the effect repeating?

              1 Reply Last reply Reply Quote 0
              • Daniel Mulroy
                Daniel Mulroy last edited by

                As a quick 'hack', you could use the animated text plugin. Then, open the source code and change

                data-delay="xxxx"
                

                To a big number, like "999999999"

                Then, it will repeat so infrequently that it probably won't be seen.

                Like I said, this is a hack.... but maybe it works for you 🙂

                1 Reply Last reply Reply Quote 2
                • T
                  Tio Suadwah last edited by

                  Bing Go!!!!!!!!!!

                  I did try that Daniel before but the number was too small so it didn't make much difference.
                  With the number value you mentioned it worked!!!!!!!!

                  Awesome guys and thanks again Daniel for the help🙂

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post