LAF drawToggleButton

DanH

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");
    
});

DanH

@Natan I don't think this is meant to work on the Preset Browser - the function is for the default HISE button. It was just an exaple for my benefit

d.healey

@Natan Looks like you're already using it correctly.

@DanH Don't use an else, use an if. What you are saying with that else is if it's not in Button2Array, well that means anything in Button1Array or Button3Array.

Also your ternary statement is pointless

g.setColour(Colours.withAlpha(0xFFE3E3E3, obj.value ? 1.0 : 1.0));

You're saying if obj.value is 1 then use 1.0 and if it isn't 1 use 1.0 as well :p

Natan

@d-healey BUt it does nothing Here?!!!
Wont Change Anything :/

d.healey

@Natan Oh yeah you want drawDialogButton like I said in your thread ;)

Natan

@d-healey said in LAF drawToggleButton:

drawDialogButton

No Luck With Changes!!!

HiseSnippet 1098.3ocsV00ahaDEcLINpPa5tqTk5qV7jQhEAI6tspQqZHASTTyGn.MsRQQqlXeAlF6YPiGmDZz9Wo+F6i8s160FhMaHq1fTgW7b+xm43y8NSOsxGhiUZlU4ASm.Lquwt+ToY79i4BI6vNLqu09XdrAzNYl1a5DdbLDvrrV6.xfU40Yo+96edOdHW5C4lXryUBe3HQjvjas2t+hHLrKO.FHhJD8a18PekbeUnJAwyZ1MYS39WyGAmvovJYyr1vKPXT59FtAhwX1SELs+X0sxr3OWDKtJDnEsX8wBkYls+XQXPu460XFyZ8d4670x14em8wh.wC1yYfWl5vIOihbfUoEgz5K.oVOEj5pBCnB7Dvyp.7VOCduxtuuVLwj6gv1WaenD+3LjizdQXkEKqzMkr2WgQHMMh3WCc03hGxv8cMaV24sMaVamMqP+Q5O13bCW6DxG57dGO4HgDZ3qAbycPn5JdXVgORottsLnK.gtySFSogFFIHwR2DouQnjtUCz7a6H3gpQ6kXLJoS05NCm6cTcG0U+QsMqbOU.mz27DMDCl8zpaiAcVNwHTtnZ6f.L2pmARTNPO0ABAS5S842.32GJQZ4wJMT8xclWQIb6.3NSVQ5zIsHdmz9Xuzh3cj2fzm529bOmdm402aPZQN8LuzhPkQLzwcY.qAxXFTmD6h6iFF7sTqFEuiynFzNucnXjDBnWu6LXbwRqiPF.2c5v7xbYJ0zfiTOBFe7CnFBpVaGGGBQeLizmSjNJ4IJCbpzsVk6qTtxGq37otFNbo9HwgVEFB5k5lZP0etDckIQWA55HQGl.ODHpZWrsXiur1B+LsZg.UxCkByoSfYqyabZsjFG1LwN9zudXGtgS8RyrgwMAzFAAGqNvM3forNqx1cf3qMpIowFMQIoJXsoY1XgLIe2PE2HjiFHPXKPD7B6hlZwtKeR162cZ9hC18VQfYLyx156KwXiAwnwFZ0eY8.dy.xKr6UTavtZz7ggk2v008enpILPTt0+E+sn0sJZNkAJ8ZK66IQYUhVoVkLQW0exwnSf5O3x6tIbYL94MtcLVrjHJjg7v3BwjR+5mn.jPK9wkEEByj4OxWW9MJMBdZv+BNOIIJCBTNamYKyvuQj4YHuqPOWj0r0rw1exu5OaGj8KwNKTggBPweV3fos1Mme2tH+xd7XZ7vBUPRH2r3IHzQkybfD7BipowwHsalV7nzmwwJMW5wJKs63KDtuxtmv3Od43szRvK1k8+MdmcH8l1dCGB9lbvttc2eeUOQ9Y.kyTITq9wbiVfc51n.sOJG7ADIRIDFSczknIPYqaRqIloOHCRWPhlYNaQqsl4r0bmrHtuV8A+rIqz0.9pTKHljo2.pLdULbsSKV5zVLO6lMZxhvam7AeehJdMh8kmyVqPNauB47lUHm2tB47tUHmeXEx4G+r4PWLrchQEk0lfF54kNz0xxSxQUVphj8efvMHRL

Natan

@Natan Yesss It Works

Content.makeFrontInterface(600, 500);


const var laf = Engine.createGlobalScriptLookAndFeel();



laf.registerFunction("drawDialogButton", function(g, obj)
{
    g.fillAll(0x22000000);
    
    if(obj.over)
        g.fillAll(0x22000000);
        
    if(obj.down)
        g.fillAll(0x22000000);
       
  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");  

});

Thanks You Sir :)

DanH

@d-healey I'll still need an else statement or the default buttons won't show in HISE...

How do I separate out the 'ifs' from the 'else' - if that's the right way of putting it.

d.healey

@DanH Use else if statements, and for the final one use just an else.

DanH

@d-healey bam, thank you.

Basic JS stuff I should definitely know by now

DanH

@d-healey Is there a way to combine statements, so....

if (obj.value == 1 AND obj.over)

then do this...

Is it &&?

d.healey

@DanH Yes - that's called a logical operator if you want to look it up.
https://www.w3schools.com/js/js_comparisons.asp

LAF drawToggleButton

15

1.7k

11.9k

103.3k