LAF drawToggleButton

[David 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.

[David 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

[David 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

[David 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 :/

[David 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.

[David 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 &&?

[David Healey]

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

[DanH]

@d-healey was just on that page.... thanks.. learning all the time :)

Although deffo time to do a JS course