Forum
    • Categories
    • Register
    • Login

    Smooth transitions of the button clicks

    Scheduled Pinned Locked Moved General Questions
    10 Posts 2 Posters 580 Views
    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.
    • ?
      A Former User
      last edited by

      Hello
      Is it possible to make smooth transitions (fade in - fade out) with all off button clicks? Just like in jquery used web pages?

      David HealeyD 1 Reply Last reply Reply Quote 0
      • David HealeyD
        David Healey @A Former User
        last edited by

        @Steve-Mohican You could do this with timers + look and feel, but why bother... do you have an example webpage button?

        Free HISE Bootcamp Full Course for beginners.
        YouTube Channel - Public HISE tutorials
        My Patreon - HISE tutorials

        ? 1 Reply Last reply Reply Quote 0
        • ?
          A Former User @David Healey
          last edited by

          @d-healey said in Smooth transitions of the button clicks:

          @Steve-Mohican You could do this with timers + look and feel, but why bother... do you have an example webpage button?

          I think it looks much more better.

          Here is an example: https://www.w3schools.com/howto/howto_css_fading_buttons.asp

          1 Reply Last reply Reply Quote 0
          • David HealeyD
            David Healey
            last edited by

            An easy way to do that is just to change opacity on hover. Either using LAF or panels.

            Free HISE Bootcamp Full Course for beginners.
            YouTube Channel - Public HISE tutorials
            My Patreon - HISE tutorials

            ? 1 Reply Last reply Reply Quote 0
            • ?
              A Former User @David Healey
              last edited by

              @d-healey No timers? Is there an example for this?

              1 Reply Last reply Reply Quote 0
              • ?
                A Former User
                last edited by A Former User

                Here is my example but it's not smooth, solid like a rock :D

                HiseSnippet 998.3ocsV0uaaaCDmxIpn1adXEqO.D9OFT.xTkaRyF5PQ82qFaIwX1sc.ECELRmsHhDofDUbLJ5SydQ1awdM1aP2QQaKmE2fBCDIAXeeQ86N96NpQoReHKSlRrpNYQBPr9Z6wKDpvtgLtfLrGw5arOkkofTpQUmEIrrLHfXYs2unUXUceRw0+9xNrHlvGJUQHuQx8geiGyUkZG05W4QQCXAvDd7Fdebqg9RQWYjLGwyd1djDl+krYvYLsaUrIVOne.WISGqXJHiXseGYvhwgx4Bi+ugmwuHBzBMIiwExndfLJPiXsVR2PdTvnU4cFAWkQkUg8LUgGaeJOfuVeY03aKLPKiXy5gUk6BdM2Ddde4vyZC3suAdOxdreJOQUZQisuxdn.2nlxvsfMgkwWRk+ohcWI5gP4FytDFjhBqiv4DOuCoOyy6fetdMyMtYjonWwRoiYwIQfdGKnStRIEzWPWsTy.UWYbhTfBNMtkmMVsd2xhaFnFg0U0uKyUbA3LMW3q3RgyrCpW6C0qQwqYtSQtR6nHGUHOyMfoXtgxqP53KodWejW6iZd7I8nOGEFLvHneg5PqWq5L86vPnbL+j4NOjq.sOn0fT171Q7YBHXBbMB+As60uGsyqmL47yZbH8cXIAeJd0Xd9VdfJz4fREuB3yBUNG7mGRa3i4eJDTjue7NS5Sk4YPWVTzEH8tLqgqvUnLy0uC5lI7KnEdXjJyQ9TpITW+Ht+kP.tDU6KlgUTWYBHdKbQFlwNMBUpjrm+jmLUllG6hqN3xxC3RDw50AeJRqTHQuo3bi7PeuBnTo3LoBNW3bPsOTqZsOVi9+MMc5VsooLoxnHHcql0SCRuq.cD4wW.oGhbxnbXsiXawM66r+78caNVv2vf2vQoXnfqNGqZettQxRZO9uWOrGt4naPWpC8KARUbMDr5AWgS9LsqUs6AYWpjIE9trWgX8PUg05qZlYBHhvwV1uy9V7Fx0kyICasXsPKdq4ZV4ZE+cXqvBVYolQsPtlb9JFWldJVWMWIi98zWoYSDjfDaZPdJF2Che7e8Iyn5aM5AG.JCxiXpaNUTeTvRC3V1MF+nGwHPJ3hMOp3dYT4WJbej8HtxOb63sxVvKtIeei2kG7T2t+zofupDr6aO3Ot+OkgXFBO6TlJkibM6yxiGizAe.Qh.Il51JqJ5F.irmVVWYFChfBgOgWKM1TKaszXyUFIwL+T468MMy5i1dXgFDShhS3qhepAJSaRJZvw3r8b8Hw3Itu22WWJ9AD6aOlmtCwbzNDyw6PLOaGh4jcHlebGh4mtyXzerS6bkL1zlfJF0uXpmkUeACYYELRx+QgRQW.
                
                David HealeyD 1 Reply Last reply Reply Quote 0
                • David HealeyD
                  David Healey @A Former User
                  last edited by

                  @Steve-Mohican Yeah just like that. If you want the transition to happen over a time period then you need to use a timer.

                  Free HISE Bootcamp Full Course for beginners.
                  YouTube Channel - Public HISE tutorials
                  My Patreon - HISE tutorials

                  ? 1 Reply Last reply Reply Quote 0
                  • ?
                    A Former User @David Healey
                    last edited by A Former User

                    @d-healey said in Smooth transitions of the button clicks:

                    @Steve-Mohican Yeah just like that. If you want the transition to happen over a time period then you need to use a timer.

                    I really don't have an idea for that. Can you give an example to above snippet please?

                    1 Reply Last reply Reply Quote 0
                    • David HealeyD
                      David Healey
                      last edited by

                      HiseSnippet 1089.3ocsVstaaaCElxIpnRadXEqO.B4GCx.opxsIYCsMX99pwVRLlcaGvvPAiDsEQnHEjnhiQQeZ1Kx94db1aP2ghxVNyNEEFHNFA9bUe7b9NGpQoh.RVlHEYXMYQBAY70liWvkQcivTNZXOjw2XdFNSRRczp5rHAmkQBQFF68yJEFV6iJ97u+TGLCyCHUpPn2JnAjekFSkUZG05WnL1.bHYBMdMuOp0v.AuqfIxA7rmoOJAGbEdF4brxsZlHiGzOjJEoikXIICYreGQ3hwQh4bs+uklQujQTBMQigDoUOPvBUHVoE0MhxBGs7bmgfrLppJrmtJ7XyyngzU5qpFeagAmpHVudXT6yAulqCO+ub3YrF71WCuGYNNHklHqrnv1WYNjCMpoXnErNrz9hp8O6Y1U.dvkdw3qHCRAgUQ3dhu+gNG6623k0sqamRl4HfxOUtv4TmlE5flSlz4ZbpyXbbBin5fgcxkRAG7YYpmQjcEwIBNH3dvFddfJ+1an1KiHUrgztXF6Rns6NMmGHoBtaC6OXaUgkk+5IN9dMeos0loJkj.sKoaCvpsEcpi6xXd0oPPG0v1xRFQy7xjhjhGpx0OpO3aEYiT462D4RJmTArYMpa+g51NvmYdSAJcaFyUSey7lSkQsYIQXW+aFLn8yadzI8NbI3a.OOUX0ssloxuNnpXinRhBNf0vT771L5LNIbB4FnhNncu98b57lISt37CNz4OftF7s37.k92QCkQtMpT7ZBcVDTK9yCcNH.ZIojvhVP4w8NNvmIxyHa1JHWCYn5TW7LBwRrWj3ZXCwoNENnkzmvh+oZAqYoQgxks.bptw6dreYUgvxHZWtMCrrhUks.FM3JRH.Hq97YPuwSjP3uibYFT+bOHRJSxdwSe5TQZdrG7zHd37Pp.N+p7.eKfPEcYsph5ukGaGA+bgjbQIUz9i1N+eSSmtUapYhTAioXXawbI26tCzkmGeII8PXnikSV4HrG31KZLu6EMquGLPOhtliB9PNUdAT0tq0Onx4Z3WuYXOnWq1HUpC7KgjJoJHXzibMrpWuexxrGI6JX5pv2xkAHiGJKrVe41KLmvPTXG02YtAKDcS0ECQsVrRnEs0bEGekh+NpUTAGuRynV.yULeI+MSs1tqhqj478NuVQAQ.AIVOt8LHtGD+3+5S56l1XWKrwWDlyvxaeMf5tuRCPK6V6aU6T4.Ebw52Mdub2vWJbej4HpLHZ63s1VvKzjuuwa4Ms0M6OcJIPVA18MG762+WqhzqymcFVlRAtl444wiA5P.APBGHlpwJiZpA.sruRVUYFS3gEBeB9TZroR1nzXykFQw3fTw6CzCyp6xeXgF.S7hWowBd2JP1oIpX.Ghyz2yGECuhw6CBTkhm.Xe6w7rcHlmuCwbzNDyw6PLmrCw7C6PL+3mMF0a20NWJh0iIfhQ8K15YXzmiAVVAiD8e.tP2w.
                      

                      Free HISE Bootcamp Full Course for beginners.
                      YouTube Channel - Public HISE tutorials
                      My Patreon - HISE tutorials

                      ? 1 Reply Last reply Reply Quote 0
                      • ?
                        A Former User @David Healey
                        last edited by

                        @d-healey Wow That's it man! You've nailed it :) Thank you so much!

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

                        38

                        Online

                        2.1k

                        Users

                        13.0k

                        Topics

                        113.1k

                        Posts