2D array... What am I doing wrong?

[dustbro]

I'm trying to create a 2D array to show/hide some controls, but it's not quite working yet.
I've created an array of buttons that I'd like to use across multiple tabs of an interface. I've also created Arrays for each tab.
Looks kinda like this:

//Button Array
const var ButtonArray = [       Content.getComponent("Button1"),
                                Content.getComponent("Button2"),
                                Content.getComponent("Button3")
                        ];

//Tab Array
const var Tab1 =        [       Content.getComponent("Picture1Background"),
                                [ButtonArray]
                        ];

const var Tab2 =        [       Content.getComponent("Picture2Background"),
                                [ButtonArray]
                        ];

I'm trying to use this on a page index where:
Index 0 shows Picture 1 + button array
Index 1 shows Picture 2 + same button array

Any suggestions?

[d.healey]

@dustbro Don't do it, no point. Just put all of your controls in panels and put the panels in an array (each panel takes the place of a 2D array's second dimension).

[dustbro]

@d-healey Thanks!
ok... stupid question. I've never used panels before and I don't see any documentation for them in the Interface Elements section. Is it as simple as creating a panel and dragging your components into it via the Widget list?

[d.healey]

@dustbro Pretty much. You got my harp script? I use panels for almost every UI control including paging.

[dustbro]

Couldn't get that to do what I needed either
I ended up making a separate page index for the buttons and calling that in my buttoncallback.
That worked!

[d.healey]

@dustbro Here's a full paging system that will work with any number of pages and it's only 31 lines including comments.

HiseSnippet 1219.3ocsWs0aaaCElxIJsVadnEX+.HJ1C1Hco1YsYCHKnN14xL5RhvbZ2.JJBnknrIhLoAEUpMJBv9mr+J6mTGvdYOscnDkkThyEGfom7gmaemK7vickBOZTjPhrpd5rITj0WZ2eFWMp6HBii5sGx5w1tRZDUg5LaBIJh5irrV4PMWqpqhR997q6PBIbOZ9QHz6DLO5OyFyT4m519MrvvCH9zSYiKH8Ka2ySv6JBEw.RVwtIZBw6bxP5wDsXUrQVqsuOSIj8UDEMBjoiveV+QhOxSk+crH1fPplnEpOXnziQcGwB8cyhxHDxZU27XdkzX9qsOh4yleddr+jDF3bMJlCrpTFRqVBRstIHcfHzWafa.dVEf2pov6o188jrIpbNZr8E183JpLf.o8hvJUVTk+ZE6tBPBtZiwjyoGHAh4ZTeqlMeN9UMa1X6ZN0bfjejBeAQhO9sGcl6tGtee7N3M2F+hWb5HJlGOd.UhEA3IPMIBOSDiGQtfpUEjPfifz.EXxogQXB2GOHVo.aVzxFt6fe+G1t34FQyXns3gTEVMpjA0NN2pABItNCTo41XF9GyQMPt95Mp47oZNX3K0.um8APzrjwPppqX7DAGHp+LWsDOaclNOn0v3haSkAJtKflEpzFQZQ4JoHrKILb.zEW2He2NMz4ycihXC4XOCWbPL2SwDbrRXriykoYA27P95hWygwCYbZt9ycScuT.7bH8FFSyyF4IVF2mNUWO0DFWv3EnfjtTRlgqmVFFZToQpgBE.dLFYmLM1Hg9jfL2mkbx78Ow7oXHLR6gRO8NqiZgLnuT8biH3dlIQWOfDFQarchTWV1o5qi34wPbDiOrbLqCg.oXLlRjgLprbeilcYeojwZWc47ztferPQOgWugymbp5boyU4DDrHVF6ERkKhqd5n7VTqd5MxrJrQNXfQ4IRqc+lH4k1lWPPAuGmoNYB0PmOyp0BlYgL2SzCWM.DDUkL65IlYWv8mAhNhoHludzUFYKTRDT7cCzUMwWYLQmjZVhApZmRrLp2ODZ.kIp+H62vECdf91w1bSq4U0+yuF81d6QTD8XbSNAxSSnRESWNr1idA7lX5P8p16QiNWIljjzLCWfRVpeqkMxW2Hl3V3YX8uahll6vuo8rhDej4qFgrrs9GfbDkMbjRS82.kUkq6i6rzLs3C24d5O+01iIS0VVSMgHAiVv5yAJpvg12iRYA2sUA28660994iGcGotVOrT2EYWZfW7st4PZAsWEbWuh4u92X.0pT.s18oGLoP7GPonP7bXaEcpwpvXuVHIwmINTJhmjcG9ZosayKsJ4EaKF3iRdXyq4gHX8fdbyliPpCc80ZfkqD9wgDU4MtzqVZX.y7JsZid8EdDSMq3ctkXMrlKbMrENR6dB2mZ6xTdiVLdqr.7puJ9+LdMK0Vyd+f.pmJGrqZevu8P2fcIfxuHhUv6rGQTRltu433w8g858n.R352U0sPUzCaSoalMJoOk6mP7uvmgYKMskgYqLlnwDOo3LylF50lebxI.l3I+igp1Goowymwqw8XXW9y77zIhuEP9h0XykViuao03kKsFuZo0XqkViueo03GtEMz+wociUhwoWKfCb2O4sQKq84DnqJoCD8e5FL6VC