TABS

[Jay]

How do you implement some tabs (like to switch from one option to the other)

thanks in advance.

[d.healey]

@jay Use panels to group your controls, then when you want to switch "tabs" just hide one panel and show another.

[Jay]

@d-healey When using tabs and refresh the template if goes to the 3rd option tab instead of the 1st.

[d.healey]

@jay You'll have to post a HISE snippet or some code for me to be able to help you.

[orange]

@jay You can see the BasicSynth HISE tutorial. There are several tabs in GUI.

GitHub - christophhart/hise_tutorial: The Tutorial project for HISE

The Tutorial project for HISE. Contribute to christophhart/hise_tutorial development by creating an account on GitHub.

GitHub (github.com)

Cheers ;)

[Jay]

@d-healey

Content.makeFrontInterface(1160, 670);

include("VuMeter.js");

include("UserPresetWidgets.js");

// Set the position on the VuMeter by x, y
const var v = VuMeter.createVuMeter("VuMeter", 1001, 442);

// Get a reference to the master container
VuMeter.setModule(v, Synth.getChildSynth("TiNES EP+"));

// [/JSON Label] for Presets

const var UpButton = UserPresetWidgets.createPresetButton("UpButton", 662, 88, true);
const var DownButton = UserPresetWidgets.createPresetButton("DownButton", 461, 88, false);

const var PresetDisplay = UserPresetWidgets.createPresetDisplay("PresetDisplay", 490, 85);

//! =============================================================== Page Handling

// Get these lines by selecting all controls and choose "Create Script Definition for selection"
const var SynthPageButton = Content.getComponent("SynthPageButton");
const var SettingsButton = Content.getComponent("SettingsButton");
const var FXPageButton = Content.getComponent("FXPageButton");

const var SynthPage = Content.getComponent("SynthPage");
const var FXPage = Content.getComponent("FXPage");
const var SettingsPage = Content.getComponent("SettingsPage");

// Put them all in an array for better iterating.
const var pages = [FXPage, SynthPage, SettingsPage];

/** This function iterates the array, hides all pages and only shows the given page.
*

• pageToShow is a reference to the control. Check the onControl callback to see what's going on.
  */
  inline function handlePages(pageToShow)
  {
  for(p in pages)
  p.set("visible", pageToShow == p);
  }

// This page will be shown as default
// If you're working on another page, just pass this is temporarily
// so it doesn't switch back when compiling.
handlePages(SynthPage);

[Rosace_Pony]

Boop, i'm trying to make tabs too for my plugin
-PlayTab
-FxTab
-TheoryTab
-PressetsTab

i have followed used the onInit script from the Basic synth (same as the post on top of me)
also the onControl from basic synth

I'm having an error when compiling: "Unkown Function 'set'"

here a hise snipet

HiseSnippet 4720.3oc68zzbabjcCH0XQBRJK+wtkygjzgY2xf6xkB.DD.zprHDAIkXLIELAr7pZ20NCGz.XVMXlIyLfTvtTUN4Ppsxobcus21q60jS9X1SIUs+AzkbHUt3K4TpJNut64id9B.C+l1hVVEmt6W2uueu9MS2pgotL1xR2THyrsFZfExLuXygZ18p2SRQSX2sDxbWw5pJFn5p5FnOBOzRXygFRVV31BYxL8iHiJyr2Rf9y6UaSIUIMYreSBBOUWQFumReEa+VaT6iTTU2QpMtkRetQWp1tx5Z00U0G.Xzzh4ELjjetTW7ARjgMknPl2X61J15lMskrwVBYt0l5sG1rm9IZrw+TEKkiTwjGJHzDlHVy6nq1lfwjVEp2SQscCWJ2R.lzF97goY7g2Ubek1JdsyyOHcf7gfmejYpfn2zAPuB7nWdNzKFTJCGJcKFJ8VhMkMULr86gfOyItqlM1riDv14QE1XElZt4DqqCiPydk9ROGuiI7fGD4ptV9kQkymeo6uP1Exdu6sEVVUxDiZIcjEZyA115ZVKjEDJV1nikLQMTkFB8g9Pj6j1EaWWuugtF7PtEc5eQx74C0NuXTvP6MDDs5g0MG4J4MhPP1vDagssFIR5MjEco61bzcCIMrZXhtAnENRplLfHj8Hgh0crD9HgyeHwS5iFU8GiGwiZLvFY2C2GIophTzPRveLMkFh5nahNBaCZKHE3ujrUz5tB+RZ.yiErX+BWVvxNT8xbTxxTLycY+UzU08+7U4NhpsgT06pyuBCLUg4ewd11FVev8tm8IJDzYEY892qgtlxtv3LGzGnMqEclXeXaJ02PEaV.l.pWMJufXpQeJ2ht8GhOZQadeICBk4LFBnMcaeOEK6b9lL.oyCNsA9kb6Ncvx.um1gCWm.IPCGoi1T+E.O2xdfIkJ3mIPtA8xQhIJViLRmkIR6q.hgbKBBy9VKtLGktxuVWQK2h+RsEWxkvBHPTzTUzvnNCzjsUfV00NxV6SNbOB5XpqlS1EWVFvb0A3kVH6WtPVD7iRGTN2llkzv1ZcgoZEcCr1mhOxBvkbfPlrpu79DLNN5isXKtDA8cVx5fx5QP3gbgPEe9acO9qOCHNJIBSZzD0rtpMqHY47q4VZEUco1dJH47Yr+BJj+rB+JWBLIRLFQX7TaRnqqbaGLtMYnejl9QNJmQoYRmqOF5jBLAGdnssoBnNfywZxcE1C2wCj6OI.bnR2d7PLJ9AECShGvi9tzcqdJV9jHyeE3bBbrw7lsLpmRanAhSNleKIs1.qPcHxBBQyFYWkiwZztWgLmjeokNIBNBlbIjItC1DCo3fr0oiWlgCqfp2CK+bZSDIDsQjrCBSFrEFiNomj86ag5BlZcggsRTASO.kTwD2jV47WaeiIvgbNChKZJArDqQxOFLC6iYIX.l1bX9G9gHCJ21wcOkQQ5GcBjFF3fmR+fOeKTabGoAp1zgsaGzP8AuO3Z9DcymyPYfkoCzHyw+xne8.vSEImCfvg4D9C3XwP2TxTQcHcRrzAIApsN1R68sQVf2a4dHJO4jd.iln4onxhpvS6tgSV59b5rGnaiehVtkx9kYmM6KyFtmNchqKGYA0HMZuj7OMGAX4zFz+HrYDmZ26mfXrQOQLkUPdhoGQYuTJhv37lXf96Q6GBHZ.AE.sMWkMxzByJItIhwikgoTuu2R.5efrPg3XgX1iaSzCXJb6pALYKZFetyz8.6QF61gFbTV9RecFYIKrWxMrj89.T7RAzQlXome+PvxB0GGjrdRBNVpAwAmeRCIAqSBLwhtNcYBFy.8FbB.k+WBoRGL+bwjyOme6CxLGTbCjwxeBDBKoMUH33UCxkeAGkIXn1zL4uqSl7z.TfubAEHk82QLhicApVGflYxH3Li7SycblllpfeMS5jbaQhmw0bAzemYSBvyPAtP9.P+69s+1+kMRDZlXfB8aItos1g3iwlGw1GhO1KjJruP30+OtwjCbwvj9qRAvqFF3zf1kRwJyw1tKgsQiRd13ZkOKbsJmEBu5YA30iAs+jc2RxVhrIXGaHvtx.aZqPLYyrE9XEYLaKwyJtE15415Fvz4k5.nHyVzEbVzc6CtGnq47haBNR6ZpOPqsvK3w3g7ObhRa6ddM7O+OUqGlj3hWKe8+PMa7KroUjnihpS4IVR7Kab3S9a1tdqOemmr2Vae3KCV4DTSHH5JFZcIrGObcAam5Mvv0cf7HI6xpELsTTdVwcZ0PAB6lD99UeUswhuGVygSxXaYEA74HcIy1BG00sbKYEKTtRkJEKrl.Y6AtMOmXoUKWLekxAZuHgWVp35kVubkhqul.gc3Bwruw29eJ7sj0kJFmpcFQZPmEgE8SIX5he.pPokoMskhkAn5+DYaoiwGPiSA81QR0ByFvd5m.fAssN64GqvdrPwJrFpSCR9HSIidJxVAAdKV1LOzv.KYRJLEzM3a0o2MUIIIiGdHvv0gdxuR40Y+v5ukd2tPN75swAmUR8epCwczvpDDg03mXgeJDOW2LdLA5dGUI6l1CUCOaM11UXDoCHLkos+RUzqis0ZygAkIg11ADvMU9BNyvp0hQOy0lfVjCpB1Bhze+wXIhk4o2nP3.eihPJJEqrVgRkWsTwRb5ayIVsXw7UWcspkBnvQzqpTsv54yWMe.8p.cbjtIftGJ0VYfEOVxZOHiPHn2g6jnu3YDY6jjiK7G9M0BvELfbvzr44qAXeVfZ7tZrDQX4NnXsuNIXtj4PVpBQYaA4rPCgXeEJudo0JUsTk0CwnJrV47.WMOXZ5yWglyud9Rqs5Z4KIv6lpOjWghAyYXl+pHNqZrKpIY.XTwjbR4p7rmzQNJO2gukBb7s7+80Fg1yWqFi1yXXsLR4th02a2Fn568jFnOZ6m0LNNNO2izPmHlFOnFoMla66J1xDVfGA4bqHi1qkfjpRWs9TL31hlTrLFdwDmCmOO4qNlmm7iBK2eVDdxV05K8BRp.SOdMOZIcDxTTbGSotPvCzCsjwZswsyR1PA0WGhFGg97A3WLvB8PXFkBnSA9tgenFRc8ayUHFfyRG5+Ko4fN+gF9Vmb.7P0rIZxMqnSIimXOOflRp0cBq8+WDU6mvZ.zfp5GTmJyzArgyL0jQY2VjVXad55fZWvzEJBcYPIBj84IkMmnWw24otO67l5Birgo1+xHTqMEuPND6oh3lWz+0Cva614xl59qiPcNEjkIRGGENeRw6mQjs47DM3NXr4S929xZAcZjfCB2lCkcHyAS.OLtsQXDG6tI7LSmY5nwsiRQyS4q6KYYGHAl7+i7hrVgc29YQDYOqVh4gLhDZhMgijROwvsBA61NlWsJnw.gj.pfz6aHRe6prvdNpNOUWEhpDMTfmLMiHWqykDC6cXyFiikxD+hguUJppd.QRXtZ0BqUr7Z4WM59IpVtZk7qUrRZSuKC2RO6DkqRQdB9Aoz1NFBNNVJSzMinCaHZlJBIKr7Q6EDo+tinOonIOXLx.WbwYZhhKbY8LuHj4fsItcKXi09IJQ1rMc+TSBChmz9AisbUb9Y+XdpZ2vFsaESNRohvGedvOGvHHW3MUGfo9X0FzmlWrudXsmUqMjj0VJlXZUcI6c9oj5SHKoJzG1uHiWIqPDgVC5zQgjDmHp8lB8UZSJWotkBCP+Bz0WefEtIVizywJ1C4qiDo77OkTljF5FCH05PbSrp9ImBuIz7Icm3b0.NjAmwDsVeNuBfmFSED83vu63qg3K3yz8hPj9FhDR85p.8+Xiyr.EbEvd6hT5brRyWEmjys5si2Myc3cyTHwvAOHMxlKUuLiq.GrRSySXkFU9AHyqh7C3yThqfb9oJw9nnlnv+yOlv+LFRJC+GCaoThY55vx8JBQ5hpeJRaHyTQywOwHpQUH9rwTqm3XbtwWblsnp7gTieTL7u3z9ElnJVE8ktLw4wUJEo0DCEGnJeDDuR0JUJTIOeZ8hEpTd8hEJGSIYF6FxYa1owtTW1gBz0j9RPQLrpPPWiyJtslDr8g1iJ6J9cCQ+8BIFupTsw4GBRYgmSDaczKFzbNE9DFq0U.c9EFiN+VlC+TPwLIkjeTsX7s3vfXhcPA0b38HywEty8TjcSVBVsGvOTCH0emw9lFSRp+fSUVJIxqNUob7CEOP2rOvT+Bb6FXSBCkXq3l+wzh+3Dy93UabNjN4nrxxJBjEigm9DvhOOk+3FowfMv92Zcy0fMw7wliYvRWyzatVzKQL5DbolH16L1WQ+EhUWHR9RZeAWsFoyHR+xABYbJJtOr1wuOtWkJqrU4DUe8QeGzJyYWOaAazRATARug1p995cliKUas2dreQKWH1Zq98Paswk1oq7OM1Wk3q70y+Nn807L6K5m8wov5x8EXeaQ1LbsJNVoKFaqRu11JjskqzeRhnsvneIQpz3kIVDHku+TDn2M5N6KL4UA5jI+k.4vxutUDHGOSQzGFWMfhku45khMaWx0.JxWP54aIfFAAe0UCHWV8YozOKvlinkD45d8eBXWMYk+4N7k+oPZhDGjK8cvh.U9bNLdbLLvP4FXT4XMxXat7ponOUtIUzmjsRG2q5euHAklvzkq3ntAw1vcrQIEM5JLm4JWL4LWIMenqm07kSvfawZWLFbuIqQxIUiHUc7LLmXKxIsq4PM4fuF3hgeo9vOeSprxpdSpnOmdqrCOsVYU89lrnGm0qilYUuXLypdYZlEUM+R1v6t9FdTA84sc152jJ9yovN6MY1Ytm86Sgk15N5aYE8ljKUyr2ZrGdsKDyr0uzMytzyybRxF7Ni4jwsfH2kYxY6qYNvoi6MclWmyQb3SBw+S3xR3elIhd9H7OFbY9cNmBNxoHtInEy1AefSjFoK5UUjYBcRNm6VQZkbllctqdhNcRGqaB3E4hUJPmGLffpC5SgYU2SPF8VFBveYLpNnYPtliDvNapN3mlsPxm2ReOcYEcOB4mM4CGJD96beljK3m+gI+rs5go7nWMS2Ube81CTkrCdSQQ9H8b5fXyve8LQtBlHVLC4idD95i5VS10G0nucqlTz8sDaPts.hGemJF7UP3BGectLtVPjcE53ir2Rbme9Hu4sN2Qk+bFp71hf2UrTevQjyWmIEex59sZVHo6GsW8u9u8uuwDd+nYLQ2OZYE6zIed3+KA3Ild+yDH59WWaSv+c3X9+gZzU7gfWas.KoCAbH1.KYuO6id0oyYpc3gOxTefQXn9lMn5LsLgPyj28EWGOQCCreadRstotkUGxYsiLWAJ9aiAlcIrL+Vn0azJXaDeVri8pk6khvm.gd.Qth79RPTu.l4zUIeKIpX+GKVrzJA+43m.+UmeJ4WWuN8YFHEROHESOHqldPJkdPVK8fTN8fTIUf3cKIw75D53IF4N531S1czALeTe+bibSktdqEqEdycOsQJxycGBdYdAAdo5g+rGP5zeeFNUiHW0jtuzus0NF7dAsPvw21MWc2VC5PcecMcid5ZJxA8U.19c6hM4w8XInGZaS1EgWKuasCwpXIKemc+e+9Z6ongkLC5BLU7hBo9tcLV406IxPWDIJ.5ZUhDy3dQR7TPHISVcBB+C7dD4QNEFO1B9vcbfvK8.2+1Ac+6bBLBJXfHnNqIcNX4Zy4HZ+g6Urd7NhN2jnmKoXM8MsTrN8NClNpyf2Vrgt5Plo8NJp1N4UMqH6gBi3ZmUPXGS7e2.rlrOm627mp8wNOTa0U+SaDTmYwZe7.XytA4zapXnqJYNQRgSus+slPUkennGQgtZ7Xm4TYtW7J1b+w8d7K3L20dl5yVCdtyUi4NQQEciYGf+YhN1.Hht2MG79Nhe70Kj0wm1cbRvw4KlikBVnOzI98XentdetMqANt9u2v8qJjy.v6KumqtYdu4au19u13SCVAxWsAHUweAlydhd5.yL84kYwg5CHEnycmXhv10X0RheSaSQ1HH647t2xYMwZsoOPpXlSmEb2gGoyBtcxykmiwkcqcOg85967b0fu8r.9WBTce93Ib2uo7b4.Wio7crm9IMfEjX1vGB5wJQZUXqZ66sMUJr9ufCdUzapBkQamx1NFhduVcM2ox7hzs1hHUg4pBUuLjcxtSEPaN+NKn5z9EccJUNeKzebey.SIlhhjE7.MmPBcTeRmq0IivnupJP16U60EH60EH6rTfLx+nW75Jh85Jh4WQrhWxUD6adwqqH14YEwV8JdKxivyyqqH10qW53qyl96cYSeYfk8kjM0+bm+oqffqyPaAvRMmOXp8IOi7tI1Ib29PL7OWVlXF7y.9a7PTL0PrZpgnTpgXsTCQ4TCQkTCQ0Q.AIgoGNvVuOyoHzPisYJRY1l6ag4+GLtIBnB

[d.healey]

You have a more interesting error Clip Clop Keys:! Component with name TheoryPage wasn't found.

Seems something is corrupted in your UI data.

[d.healey]

You also have a typo PressetsPage

[Rosace_Pony]

@d-healey Aw, didn't seen the typo, well i have no more errors, thanks you!