HISE Logo Forum
    • Categories
    • Register
    • Login

    Smooth transitions of the button clicks

    Scheduled Pinned Locked Moved General Questions
    10 Posts 2 Posters 507 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?

      d.healeyD 1 Reply Last reply Reply Quote 0
      • d.healeyD
        d.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 @d.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
          • d.healeyD
            d.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 @d.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.
                
                d.healeyD 1 Reply Last reply Reply Quote 0
                • d.healeyD
                  d.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 @d.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
                    • d.healeyD
                      d.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 @d.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

                        20

                        Online

                        2.0k

                        Users

                        12.7k

                        Topics

                        110.4k

                        Posts