LAF drawToggleButton

DanH

@d-healey Roger that. So is it wrong to use two if statements? Because I'd like to apply this to several arrays !

d.healey

So is it wrong to use two if statements?

If it works then it's not wrong.

My suggestion would be to use the two array technique for each group of buttons you want to customise and then use an if statement for each of those groups.

So it would look something like this:

if (presetBrowserButtons.contains(obj.text))
    g.drawAlignedText(newText[presetBrowserButtons.indexOf(obj.text)], obj.area, "centred");

if (anotherArray.contains(obj.text))
    g.drawAlignedText("I love HISE", obj.area, "centred");

if (oneMoreArray.contains(obj.text))
    g.drawAlignedText("Watch Dave's YouTube Channel", obj.area, "centred");

DanH

@d-healey thanks David - so I just tried

if (presetBrowserButtonss.contains(obj.id))

and it works... worth trying out?

(I made an array with the ids in)

DanH

@d-healey Trying to use more than one if statement and the last statement seems to override the others. Close but no cigar just yet!

d.healey

@DanH What does obj.id return?

DanH

@d-healey how can I check?

d.healey

@DanH Console.print()

DanH

@d-healey I did try but it crashed, wasn't sure where to put it.

d.healey

@DanH Put it right before you're using it.

DanH

@d-healey lots of crashes, I made a snippet:

HiseSnippet 1605.3oc0YslaaaDDlz1zHRsJnoMnn8eD9WRnNJjRx5QMJhdXoTi3XqX4jVfff.ZxURaL0tpjqriPfAxO6+5UnGEeG5AnWgbCZmkKk3JaYaIq3fDZ.58w73a2Y3LytpoG0F46S8TTicvv9HE0uVq0PBqastVXhx1aonlP6vALFknyP9LkpC6a46ibTTUW9wbRTishRvyGdTUKWKhMJZHEkWPw1ncv8vrnQaV9IXW2FVNnCv8jnNW4ssojZTW5..NKqYnz2x9HqNncs3jsjlh5p0cvLpWKlE.FE0UpRcF1pK8Dhf9Wf8wG5h3cLUZABRLbCpqCGw7QUp0E65zbzx1WAjRynMgkEaB2W6oXG73wi1L9lfIzi3Pd+PcoqBdlxvyX1gmpD7VQ.u6o0x1C2mEMCGaek11DFxqsEXBjgkfVkkpupVMJPAgktm0QnFdPmwbjLugw55aXXjZyDwSD+g7Gc8cpzPWWOnyCSDGrN9L8is7zcsZq+K50IcvDTZaODrderK8PKWgt1gROpBwoAB4lTHuHVqF3L4aVwyyZHHjWtlXDy0VWOrYlnlYW6UaNEtyLlaw.4VOblMF0H+qBzK.zzdnNXeXY1X.wlgojjq43YcxAzNcbQBhA80dzjcVWmd3aRkH96RDGV65h2315ImP2oALw.uB+j.0owNoRIHLjqQOcR6iXBW5.BOrinSpMGK5HRaCeVT20E22GEPrErwx29zmfVb6fIoGi7Rc4Jy3sMZTqT0pFlijvroGomKnxisbGftFcBO4ENQyuNubIK9me5SvrtUb620JPW0yx+KvdIvl9izMSan+y72oFI8.4z.rVIWqxgH2GrOpy.WKOvlaVLsQDUbmhJt3NDjyAn2xBPICZHjOGufWoM70iGxYMv9IiVQ6SkLUhlHWejr86cWjo4zOQrStOc.AhYrOxlYQ.23jQPLi7t5Hm2oZ9hZcdsiYndhtlb.HS30q8yaGu.NNmm6jdPU1vHSkrUxJuJlu07j57KCuny4+bZpMGEORmR1kxP6QRlJ96hGK9ow0O+TsaO043w58nttHuoNMO2q2UwXRxfdGh7VWW32LhPHIzjY4zt7rbxIgsEodjHjR1lfY60GQtrbeJg4qfrfwBQEPJKHG3cCyAJhJqfgTcwzBSknD.Y45PTlC1yrXrmcwXO2hw9FKF64WL1KrXrWbwXuzTX+4aukEyhWFUnuD3e0G4wvbWW0sPGC0mJJpJl1VH+iXz9PMv0n85SIbOOUsYvc6siU46aTd33Nm8xxihiyqq1LWNyrkJVpPQ9pZNTPFYEz8VPAYkTvYCtETPN4UvuJo.ExDJHWlBkLMJTnTt4TAaHo.k2bKnf7xJ3japBRDpfcrfbHAx+NZAsk8gNS1D+9cKySevqtu5yO3f81skt4bIYYmmyvx11tWPxYlPxqNCetGI6lxaJe3jy42j0nX97YxURIpzhfIJXVvHW9LEmucKY+02KasaN3Bqory4Zpnjr+627waMs5LD9RxE6IKnlu3gFgitRcfZVXSddV9g3Cm.R+OwAG4GNj3iYCkOj+sxgbmU3dOslXlc2oi2klBdg.+213M7JCRnUucan1zHvthVie+S78CDdGNeqVSp6v9coDrcCrKb12..ESSzw7JtEGEkFdn+X.hXGsK9m+S4mI6B.a+RIY+gxOafkaztd4S2+eqTE2mBkGOSVjkmsBHulat4pba9dswKJ8EwWe4YyfcMFo6JPpl1NM1K7iPnk9Xbad8.6h1Hk6TleiZaGYJK+Wk+MqiQsod8BKvYL66f5.JRdjCPPfpVCI1xFpV8nTVWLoyj2S28KuCk1uNwBV5NxBoYWKe9wQfSJIKlZC7YzdivRvE40hg5GTWl5K0xmKM7z9m3uKUCdkcuON8+H5nszL5n8cAVxwlLtM8y7HpBDOwmGe1mCfGwR+KlbV+nVXvvfc4ubv8c0d1mAfce5.FDA5oVLOLTdj1tC50BJ2wFA.kPPt7KfPcIdTFQeCd+ffWHhSPm+CdBmzj2WMbRyQSpzyx1i9ZawAM4etemfQ.LQB9kGho8Tde8w2qfllQZCkdXG7qss4I5e.f8oySla.OYuA7j6FvyF2.dxeC3ovMfmhWIO7eDlJCfrJBeSXfl0E4STGmWRcYk+G.eXW9j

Using the obj.id changes all the buttons it turns out, and I couldn't get more than one if statement to work :(

d.healey

@DanH obj.id returns undefined parameter. So like I said, don't use it :p

DanH

@d-healey indeed!

Any ideas on how to squeeze a couple more if statements into that snippet?

d.healey

@DanH Not the way you're doing it. You need to use the text property, or some other property to determine which control you're styling.

DanH

@d-healey I understand, yet using obj.text in two statements renders the first invalid

HiseSnippet 1628.3oc2YssaaaCFVJIpH1atncqXX6NgbkMVpqjsiOrfg5CItKn4fabZ2.JFJXjnsYiLomDURMJJPub2sWg8nj2gc8dG5avFonrEsiShOjLjNE.EQx+Cej+eh7W+tgKwB54QbUTicT+dPE0uTqYeLsSsN.DVYmsTTSncrOkRv5TnGUoZ+d.OOnshp5xOiKhZrUTBt9zSqBb.XKXTWJJuhfrf6h5hnQ81n7yQNN0A1viPckjNW4crH3ZDGhOCNKqYnzCXcBnMbe.WrkzTTu211HJwsIEv.ih5JUI18a1gbFVH+qPdnicf7FlJMYFRzcchiMGw7dUp0A4X2Xvz1SgYkFQKBKKVDdj1dHazv9iVLdPv.5QZHudntzUAOSY3YL8vSUBdqHf2C0ZZ4h5QiFgisuPaGLE51BvBAxvRHqxR+8pZ0HLIvzzcAm.q6xZLTij4MLVWeCCiTalHdh3Ogeoquak5555AMdRh3rniGU+TfqtCnk9OpuMtMBCSa4BYy2m4PNF3H70tDxIUv10gPmjB6EoZ0.xjmYEWWPelQd8ZhdLWac8vGyD8X1090Mmf1YFW6bQprQzi4mr1YGW6BQpTL5wRAZmHNaxl1E1F4wVpp6isnHBN4Z1tfyNhztsCTHMSuVCFr855jieapDweeh3r0OcwcTK8jiL6SyPFkwr7RxjNME9NZpTBQC0avU6zdPp3Ei.QOtsnQpMGZ7HQawd4ZaGGTOOXfv.V3gGDzGQVTqfAImBcSc4Ny3c0qWqT0pFlCrvz4GoqK3xSAN9vqwmrq7Bp3r6yK2xh+4k9LDsSEmdc.A9Z6r7+BhXBro+TcyzF5+.+dpAVOvN0YwqjqU4XnyiOD112A3xh5lESaDIEmVTwA0FCsOhEPGFYE1miWF+xh8NnKzdMV7SFshm+vkvYxb0blEkxbHwGy1F5PnEEfYr5jQ3MysE8YZ74sIUZV7++qnUPGOnb62eQ4mQZzrsfNfbOwnXzSi6cDE1UzzjC.YAuduOdH7B3XLx7nDoJaXjoR1JYkmEyEIVWJvemm.MF04Co1bvYb5D79DJ7.bxTwee7Xw+Pb8wGpUqINFOGDWhiCzchCyyIz8pTLI1u6wP200E7lABxRNZzruzt7rujSNzRjRjjfD7NXD8fdP7kkSlRXdTrryhEhJlnzfbyteXtYhcsUPrTvhoElhiR.jkyOVYFTOyhod1ES8bKl5arXpmewTuvhodwES8RSP8WtyV.JfmdeHWhwu5AcoHN0UcK3oruaRjreLssfdmPI8XeaVMR2dDLm4opMEzs2Mzkerd49Cab9qKOXeb926YlKmY1REKUnHeVMCNHirC5bK3frRN3b+aAGjSdF7SRNPAOhCxkoPISiBEJkaFcvFRNP4s2BNHurCNadcPhPGrKfcFRf8WUK3YYNz4xg3OteY9wG7u5r5KO5nC1uot4LYYYxy4H4XamKX4LiX46MEutGY6FxKJe5rw3MYMJlOelbkThRsHXfBlELxkOSwYa0Rlu9Q4ncC+KLmxNiyohR19Oe6M2b5dSw1WRTrmufd9hEy3AZ6QrY4rPGsNK7hKEN.63+QJnAunEXODsubwmtUJ9xzB2Gp0.Qs5LY7tzDvKai+aa7FVJqDZa2pEK2zHvthV8e4+35VEVawuRqAwoeuNDLxpNxgBEEtJllng4UTcQEk5tveyGhshVE+8+p7Kjo.rkeoCY+1xuvG3L1pdUTOBK83oJhr7zk.40TQwqh17MZCmT5KBWe4oKfcMAo6KPpl1t0OH7kP1S5Cws40CrKFiTVsLuRu6DEJK+Gk+YvovVD2tgI3LT8cgsYNRtmifrMpZ1GaIGnZ1kPncP31iV+3GUdWBo21X.apaKajFc.d7OGg8kRxloluGkzc.VBJvbSJrWPdYpuVKetzrqVeO+doZraYO3lo8MHQaoojn80AQxggLdL8N9NpBDOxqG24OCfuik9mMmY8cZgaFFrJ+4Ctuu1KtC.1CI9T1NP6AntHV5QZ662sIKcGKHCnXLzgW.B0k36xHZavaGr4EDaGz3eXWgCZxaqFNn4fAU5BrbIuwR7gl7W2WMnGFlvA+hXwz1i2VeXcEzzLRanzEYidikE+f9Gyv9j0IybnS14PmbygNaLG5jeNzovbnSwqTG9ONXEe1oJBtIqiFaKNOQc34RpKq7urmoU5.

d.healey

@DanH ALWAYS USE CURLY BRACES WITH YOUR IF STATEMENTS.

DanH

@d-healey Savage

DanH

@d-healey Ok, like this? Still not doing what I think it's going to...

HiseSnippet 1624.3oc6Y0saaaCEVJIrn1atncqXX6NgbkMVpqjsi+YAC0+j3tflebiS6FPwPAiDsMajI8jnRpQQ.5k6t8JrGkb0dA1KReC1HkjsnicbbrSJZApBfhH44vy24GRd3wMbnlHWWpihZrC62Con90fl8IrN05.wDks2TQMA3HOFiRzXHWlR098fttHKEU0kepfD0Xqn3+7gmTEZCIlnntTTdIEah1A2Eyh5sQ4mgssqCsPGh6JQctxaaRI0n1TONbVFnqzCZdLrMZOnfrk.Jp2YKKLi5zjA4fQQckpTq9M6POkDP+Kwt3irQhFFJM4STP20o1VBDK5UoVGrsUiApsqBeVZDYDVNvH7PvtXK7v9iLF22e.sHNjsGpKMM3YHCO8YGdpRvak.38.PSSGbOVzHBr8UfsILjSKH2EHCq.ZUV5ehApQ4TPXo6BOFU2g2XHGIyqqul1555o1HQ7Dwer3QSamJ00zz7a73Dw4dGWl1IPGMaXKseVaKRaLAk1zAw02mZSOBZGHqcnziqPrpiP1ICluHVq5GL4ZTwwA1mOIuZ0fdLVcMsvOyD8Y1U+8Ml.2YtH24hXY8nOyOYtydQtKDwRwnOK4ych3bkMsCpM1kapp6QLYXJI4pVNvSOj1tsMJfZNesFLX60znG8lTIh+tDw41Osf23VZIGQ6SyQFiGY4ljScZF5srToBHMjuAOsS6hXAKL7I8n1AMRswvIOhzV7EWaYai64h7IFxcOBmvkMgA+yM8oXVmJ185.Sp+1502Jq3Oe8H8IPaOj1SzLRqq8Sh2ol37UmqMIWsxQH6Gc.psmMzgaSLJlVebpEFuJ131Dj0gb0dn9GHOAh4dASdjpCxZUtVJaFCLk9rPOA4jJp2oX0DpTsRUqpaLNXtJC1Yixvj.huEZ1QB+Iut9Bijwvkb2mcIgdYldn2hF4c.0iv2M6.jICR3KNRF4Py7knvqHJbVMdebiHmeTMwH0IDdhrcQxse23z+k.xKMf755+mtAEyPcCZZHro2vADKzhmJqqmoR1JYWrvzQgwHwgCabVpMFbXtFkrGkg1mjLU72EOV7yhqcwgZ0ZhiIR1xgZaibl3vhjeclFiIIdcOB4rlVfub.g7r.GMMSvkmlobVvlA49IQHkrMAy1uGhbYIepDlvHOMzXgnhSJyOIz6ElDZv4JJXdtlw.g4xo3CY4KBnbMXOyhwd1Ei8bKF6quXrmewXuvhwdwEi8RSf8Wr8lPFTbOlvXId7UOjCCKBcU2DcB+BhA2pIFXSj6wLZO9kPqQ61iRDQdpfYHb6sCE46qWt+vFm+pxCNePbwVib4LxVpXoBEEZ00P.YjEPmaAAjUR.m6cKHfbxZvuHI.ExHBHWlBkLzKTnTtqo.VWR.Ju4VP.4kEvoyq.RDJfcf7yi8m+6B7+VNF5bYW762qr3HXw0qq9hCOb+8ZpYbslY4fmywx91NiMyYFYluyLrbOZtaHaT9voWHtIqdw74yjqjRz469CTvnfdt7YJd8rVxwquW1a2vaLcJ60TmJJM2+8at4zo6LCaeIEh8rETxiW0l6C1kZwy+iMZAkDUQKb.9w+iT4FQ0YHtXVe4prcqTkoYEtO.z.yL6LY7tzDvKei+aa7FVytDfsZ0hm7WDXWAT+29HWftvhn9MfFT6985PIXy5XaFJnBcw.AMLlRYTUTp6f9CODwLxJ9m+a4mKGBvM+RGx98ketGz9BV8p3dT9UMlIOxxyVBjWQoSmVXy2AFpTZKRr9xylC6JbR2K.o.vN02ObQH+Ksg313pA139Hk6VVTR6sibkk+qx+J7DTKpS2vDbFx9Nn1bAI2ygH9FUM6SLkcTM6RorNXR6QKT9CKuCk1aKBjq5VxSRiNPWw0Q3WZRdZp44xncGfE+Jo2jg54mWl5q.4ykl+z5GEuKUi+J692LsuACzVZFCz9VeO4PWlvm9I9NpAHdjkGexeFfXGKsOaNy5G.gaF5ak+7A22C77OA.6ATOFeGncgLGLO8HvddcaxS2wDwAJgfrEEfPcIwtLAs0Es827BQr7a7e7mvAMDsUCGzXvfJcglNzWaFbQSwx8652CGSD+e5uXfcEs0FVWA.POstRWrE90llhC5eDG6SlmLyAOYmCdxMG7r9bvS94fmByAOEmJOheEzJd7SUBhM4czXqfySTGdtj5xJ+Oz1Hs7A

d.healey

@DanH What do you want it to do?

DanH

@d-healey I'd like the first two arrays to look different. In the snippet below the first array seems to be combining elements of it's array with the 'else' statement

HiseSnippet 1719.3oc6ZssaaaCFlJIps1KtncqqX6NhbkMVpqrcNtf15bxcAMMwMNsq.cCEJRz1rQlzShNoFEAqWrArKFvdEFvdQ1yv1yw.586hLRQEKZakDaGm0jhp.nHR9+Q88ef+jhzEcoVHOOpKPK11Mqi.ZiqWpIgUc4plXBXsU.ZIz2oAiQIPFxiAVpYcSOOjMPSazGJDQK1X.+q28fkLcLIVnvp.fmQwVn0w0vrvZKl+QXGmBl1nsw0Tjdp7qYQIKScnM3zYTcCPcSqcMqf1vTH1H5.sqrpMlQcKwL4jAnM1RT6lkpR2mHk+YXO7NNHQgLfR7NRVcApisfwhZAKWE6XW7H01Cv6khgFgQkFgao+XrMtU8gFia32.LDgp8PajShdYTomQuSOME5Mljd2TujkKtNKrEA29D80HLjaYStKPkVRYAib6anuLkKAgktl4tnBt7BsPjbFCiIgSaXjZgDwSD+thKHb8EK.gP+B2MQbt2wiA2yzE5XVFdO3pjJXBJskKhquOzgtioi7csNkt6hD6BHjSRY+EBcI+fIuLK55Z1j2IuXBYMYlXRXviYCeL2De+BQfNamnmJDxzgONSzny0I5YCgLW3iy6iNQbtxl1EUA6wMUEZPrXXJI4D1tl6uMsREGjTZNtxG0XkIgzcdUpDweSh3b6GTdGWFlrMsOMmYLdjkWRtzoYnWyRkRJZ.NIJ+V2yzoABdu6AMRE1lhXhqJo8PL43GeL6TQVH0Bs3Pnnk4iA2h1fvC81BYwLIbMwGkI2cNILqvucbct7edo2GyptnS8plIMdcgBFqZXrRVeUOftO.lIsA7qE2SEY+Ufa.RNwh6fbtyVnJMbLc4lwryj1naoE16EcvUHH6s4VpVlL46SR5Ir3A2tH6I3ZbH9CZuqTcIJFX5dH2d2zhYnZxhYDV2OZb6z91Yn6fXZy9QSaW1Tne93SWoVMm3udUoB5wHUqLY6VsDxO3JV2ZTGUevwj1L6Im1LLv53RZdwJgY+4iNg.OigWf2GDIKuHZX+.IY4kGS6wjpIhLLHGOjZ41r4WdV+0vx0DUB+g95u52f+OlgYPGFLzRdeIKCyvNLtca4AcNyXTg1sD5fTKbzGGBojMnLzljjoh+l3whePbXmMUtbjsI93cWpiCxMxlEalh6IALIoQscPtSBkCyNRPf1XsusE5G+1VntqJVx8RPQPJYMBlsYcD431LCPvFP..ZwBXEWTl+lZb8fM0PtVO.1lKidvW2C7or5FKA5C3Se1fOSmve2C5G3yd1d6yc1fO+YCdlyltm8rAOWDve5ZqXxLE6KVPrDO9pNxkgEgtZqf1Cagj6RVL8UPd6xn0AZiuLsVcJQD4oc0dHb60sdku8ax2L78Sxezb5hMJcpryNeFiYmc9o.gYI4Bek+3WAGJDWI2on56e+6+uANf9fMSqvFvqdeylYTYy9murQWxlDArYcSdBdexbMc+mynvk+rpBWd6F4E4zEaI5ROc6s2biRvL8UOmUsmwJ8L+0zYOmsOsfypz2EUsfuaeEKXrqbH3m5vPIpc7wedTlue7muyg8q4KmZXtZfUwFcoj45SkbNk992e04nRd0dHCnRD6iduRE0.12tl5fmuKeGuf+AbXDrIWtb90pxa.5yG.p3Ggqq8WbbMEOP6VGOuoPNIEXZATfLTnP2mVxMzeL0lunPV6Gji3zqBZfuLo1NwDwohP7vrlpy7btb5N8JcuodQLypZz7cjH3KeBxya9FbVYIzWsbY9R+CI6X5Ed9+yGLVvgW9o5EoNMqWkRvVEvNLj7jwhoKKj4DN9R.nfK5GZfHVgVwe4uy+D0P.t4WYwHeQ9mzvzoCq9R35T92ezSdjQ6sEZeJGY4IE1ba8VJE7rDqOZu4vNEmz0kLUWe8BaFLHj+DrEuyb5DqaeD3Z4EGk7Zgtx7+V9u0bOTYpasfEB1B95nJ7WjZMai3YrJ0jXo5nJUiRYUwjJse.02J+5TZ8UIlbU2VsSJV0zS7Ya7OEUsaVtgGiV6Ht3eB1kXn59qeU6E5yLUZ9U4uRbe9k42xs4vo7PLPajdLP6y78jsbYBe5E7LpRF21viK7yAHxXAuzLm0WpGjLz2Je4g2WW+IW.H6VzFLdFnGaxbwh0IsQiZk3q0wBwIJgfbDaTi1HhrLxxFhx9IuPDa+BGxuBZLinrVPiYNpQPMSKW5KsjePtX3907qgyIh+O4lX5OVTF1ZW.z0MRa.pgswuzxRLQ+c3bOZLYG.L4F.LSM.Xld.vLy.fY1A.ybmHFwu9nEavmUQFaxqn3px4SzZMuj1nf+CPiGHbc

Natan

@d-healey said in LAF drawToggleButton:

var presetBrowserButtons = ["Add", "Rename", "Delete", "Save Preset", "More"];
var newText = ["ADD", "RENAME", "DELETE", "SAVE PRESET", "MORE"];

if (presetBrowserButtons.contains(obj.text))
g.drawAlignedText(newText[presetBrowserButtons.indexOf(obj.text)], obj.area, "centred");

Sir

Could you please Post A Snippet, Where i suppose to use This?
This Does Nothing!!!

Content.makeFrontInterface(600, 500);

/////  LAF   //////
const var laf = Engine.createGlobalScriptLookAndFeel();


laf.registerFunction("drawToggleButton", function(g, obj)
{
var presetBrowserButtons = ["Add", "Rename", "Delete", "Save Preset", "More"];
var newText = ["ADD", "RENAME", "DELETE", "SAVE PRESET", "MORE"];

if (presetBrowserButtons.contains(obj.text))
    g.drawAlignedText(newText[presetBrowserButtons.indexOf(obj.text)], obj.area, "centred");
    
});

LAF drawToggleButton

21

1.7k

11.8k

103.2k