Forum
    • Categories
    • Register
    • Login

    Selected button is wider

    Scheduled Pinned Locked Moved General Questions
    3 Posts 3 Posters 47 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.
    • JulesVJ
      JulesV
      last edited by

      I'm having trouble configuring the selected tab to appear wider and aligning the other buttons accordingly. Can anyone help?

      HiseSnippet 1155.3ocuW0sahbCE1CgIJP6tMqZe.FsWrkzDgX3mjTkMpoPRZQsPnKjnJsMMx3w.VYvFMimrgVsRaeC5iTeF5yPuJpWzq6MsGOy.yP.QVHz5qlye96yGermia3HHTWWgCRKcqgCnHsOTu4PtrWkdXFGU8Xj1S0qgckTGi.UkGN.65RsPZZq8UJEZoRh7G+0WTFai4DZjJD5BAiP+VVelLRaii9Fls8oXKZKV+XdW7npDAuhvV3A7YM8bnAXx03tz5XkaIzQeM1sGR6yzIVEIEI61tnIF2YOy16Rauu4dlz8Ikr9bBASJ0lXVn.Fos9IVLovooDKotvjVVXMrYOwa3A.bAyk01lpDLQMAjCTipziYa0XTxwEgzR1HJUsVPp5SzqwrXi0Gkx1z2fQTDwSZZIlGkLW.JoEiRICnzyzaRbXCjQVT74CzqxgcvNXXuINUB7Ek3SWSuh.7fKy1GeM8TGPXbDYJVJ2NFEykaqCRqFvVjqz3FriQ8yqcU4ya05r5MMNznzAwL0.10J6IkfBvzqubjMk9FXN0dj5zcDNFYXfTtCLXFuL9jBJ1d6sR+yoMfQTjulcI39HB2kJqH5OPvAgLO22imarMLkaatEvXUniiOjQyaBBb49yvjAm0UEBW5HrqfssaCEoYDbeejRdnEHx25muXbaFmZzwiSjLA2XJOyPFA+NPty1ipVxorEDrsAy5VfpwfOKiaQu8rNQAA.kJU5T2OOFkuxZS4ck8BylpkSPFcprZVWnJbDo7Q9PCVXFX1YgKTzUg5g9L8EuHbADDCr9ea5oWtwml7WtigzwOhnQrTUcgjdFOieFAlLi6apSmYZKDJapyLMqt1wYdAlg60uM0I99gxQ3X1jmcW+86rKInTKliBdUNSd1.Zn7oBaK0YR02SeRGEVqBecd0iwRr5venNvuATGISQGsio2.W2FbUPJ8iotWKECfq1GWfiz1P5a8ogWTDrQfXVp.BDLQ2Fcmb8iFNV3ce2QugYIgaf00dIH2ix51Spjx.RR5sxfEfK9FZUdCGJTgntlAsPvmON7+3LgOhbylB4ejTnPLJ7tNKbFnviD9hwy.7EF9hOR3KEC9eyYgguzbgOc.7OYz+oT283i9F59eOQwWqXfCkBiA+um.7jZHDSR6OpwgTqu4l2kSERagiE0oI6mlnkj.suBaw7biq+lQGdmjwod.FmeUv3O5O9yecwY7hjXKrJn4uK93gqrD6Cw3hqjRg6Nj9+FiKsJX7c+xl+viiwS2VHzPpvxyFKmrKUU+6gFfe+MQqgp1+3tL4v382u.stlatst99Rwmo2fII8lMGSLCNB+X7+BNF1v+SzOoSGJQFQvj5m98Ka28O.7uR3IY7t0vRGFTVoW2qeSnDgPAz4pN1TkOITWBDHmSIqx.MobKeg+AFgFMUxZgFMGYD0GSbDWQBZ5Q8jhM70.bh6+jqTva+.YCSjeiPwyy8gW3bEgL4TMUf4W1.KrrAVbYCrzxF3tKaf6srAt+CGn5AneomTzO3XCBUqwI9cNpocBGCUf9Uqn+Ev0tpBc
      
      const var NUM_BUTTONS = 5;
      const var PageButtons = [];
      const PagePanels = [];
      
      for (i = 0; i < NUM_BUTTONS; i++)
      {
          PagePanels[i] = Content.getComponent("Panel" + (i+1));
          
          PageButtons[i] = Content.getComponent("Button" + (i+1));
          PageButtons[i].setControlCallback(onPageBttnControl);
      }
      
      
      inline function onPageBttnControl(component, value)
      {
      	local idx = PageButtons.indexOf(component);
      		
      	for (i = 0; i < PagePanels.length; i++)
          {
              PagePanels[i].showControl(idx == i);
              PageButtons[i].setValue(i == idx && value);
          }
      
      }
      onPageBttnControl(PageButtons[2], true);
      
      

      selccc.png

      dannytaurusD resonantR 2 Replies Last reply Reply Quote 0
      • dannytaurusD
        dannytaurus @JulesV
        last edited by dannytaurus

        @JulesV You want the clicked button to become wider by some amount, and the buttons to the right of it to shift along by the same amount?

        I would store the x of button one and your required width of btn_off and bin_on in variables.

        Then in the button callback, set the position and widths of all the buttons with something like:

        PageButtons[i].set("x", x);
        PageButtons[i].set("width", w);
        

        where you increment x in the loop by the width of the drawn buttons, and w is set based on the clicked button.

        Meat Beats: https://meatbeats.com
        Klippr Video: https://klippr.video

        1 Reply Last reply Reply Quote 1
        • resonantR
          resonant @JulesV
          last edited by

          @JulesV Here you go:

          HiseSnippet 1236.3ocuW1sTiTDE.tGfghDcWYK8Buyo3hsRVPpLjD.WfZiI.JkBD2DPqZEo5zSGRWLo6TyzgMQqsJ8MvGFeR7Yvqn7BeCzSO8LYl.YgkjrNWM84m970m9z+U0SPn99BOjQ5586PQFenYs9bYqJsvLN5fcQFO17Pruj5YoEUteGruO0AYXL6WoDXjZNTv2+7hxXWLmPiEgPmJXD52xZyjwRqV5aXtt6icn0YsSXcgRGPD7JBWQWfmYMyg5fIWhufdDVY1LlnuF62BY7LShSARAx5MJXiwM2vtw5zFaZugMcSRQmufPvjhMH14yiQFyumCSJ7pIwRpOxXtxBm90ZIdMWGfSY9rFtTUCaTMHxZw6KbcTCQkTTkVLWmpQIJeDzKUiSaypSaeh4gLG1.4wouECTXE6QxDnwLCi2rCgmcR7xk.uQfjQBjlSizSLqQ7XcjwZT77AlGvgYylXXdJIJZaQy7YyYVQ.Vvkq1FeIceOnw.OxTnXtUrJjKW1sRmNMLY4KstB6YczIGdd4SpW+3ipYsiUwsRnpJL+UtqTBB.Uu5rHcJ4Uwbpaj3P4kO+6YNxVfv0ysURYzAJrykSE9lBOqLLnctsrXVamDBPvxKmM8uj1B9hizqXmAlGM7tfJqHZ2QvgFYVJvhkrVF5xksyBiOkqC7ObDbWcf1ja1CC67p9JW3ROgaErqaCn7NifGXiTxC0.d9lzpOF2kwoVM6xIRlfacKKyPhB+JPt1sKUMjS4JHXWKlSO.0DgeUF2g163lwNAAJUpzotYdLNespKkegrUX1TMbzYzakUW0GpYifJHx6XwBy.iNKbpBWUT2Ifzm9zvAPrO2gyYVp2RqnXd6.uyZ8BnXAR7Q0NOCFGOWKJyP0NedjIYG15rak5cJruV4fNz6LHzCEgmOHB5QBLS9lz2dhKYmu1YqXI8BF6weIlzORHoGyyDL2Bcl0MU0r4H0EFJWp2HUq1506tbLCua6FTujUVJCgsWFdOKy29dVI2RknWzjvPA+.NSdbGJ+ssQKJbkF72IGrKVhUazEJCrqC0SxTHXrK8J3XF81doL2k5eoTzANRavxSjwBx.sONbSQcxGwbTNnaXi5AMle6vSt5O3foe86JELwmTaKJ6hVINSa2RRZOodf3iuhd.upGEpYTashdPXrlFidSHFqMgXjWiwebmX3buXjeBwnfFiO0XxxFElPLJpwn9DhQw6DizZLdTz41pcWCnXAyf+0EngcZ8RwPf9oAPnETRT5FPTpSIlj1N5xUolewEuNmRQCgmC0qF6mG5ZaZouD6v55mT9UQKteXju1zj7O5u96eepQdp6g77SSx+SwG2+gS9CIQWXpVhb8Nz+2JQJNMI+5eawebxH+1WmFtHuvoqKVN7s6UuAJTAb74PWoVcsYtOS1O4ajlZW4+cEwmXVkIIsFMiyLBFgCYeevX3Ckdj4dMaRIxX.myb+e38yqhPuTzUx3WbHV5wfxKyi51tFThPnPz4p6tBxLlQsDS2NmpsJCTixcBZ7uvWnRaUaiPk1QJQswDOw4D8klTOEag.I.S7fmslBd+Lz1xFEbQpj441vKCOmPFtqtkiqMtNlebcrv35Xww0w0GWG2Xbcby62Q0C2+xtRQa8xFD5vp6EbKTCi83XnBLnZE8ePliOWC
          
          1 Reply Last reply Reply Quote 0
          • First post
            Last post

          24

          Online

          2.1k

          Users

          13.2k

          Topics

          114.9k

          Posts