@yall I can post a section of my frankenstein code
/*
First we create a Viewport so we have access to a scroll bar (we can do this with scripting but I just drew it in)
Then we add a big "master panel" inside the viewport that we'll fill with all of our buttons.
Any changes we make to the Viewport will also apply to the child components (such as hiding)
*/
const var Panel_ExpansionsItemHolder = Content.getComponent("Panel_ExpansionsItemHolder");
const var expHandler = Engine.createExpansionHandler();
//Grabs the names of each expansion as a string and pushes them to an array.
const var expansionNames = [];
expansionNames.push("No Expansion");
for (e in expHandler.getExpansionList())
expansionNames.push(e.getProperties().Name);
//Populate List
const var expButton = []; //I used an array to store a "button" for each expansion, you could probably do one giant panel with XY coordinates.
const var expButtonHeight = 55; //The height of a single Library Button
//We'll make use of the Panel.addChildPanel(); function to populate our list.
//"Libraries" Title at the top of the list (not a button)
const var expPanelTitle = Panel_ExpansionsItemHolder.addChildPanel();
expPanelTitle.setPosition(0, 0, Panel_ExpansionsItemHolder.getWidth(), 20);
expPanelTitle.setPaintRoutine(function(g)
{
g.fillAll(0x1B1B1B);
g.setFont("Arial", 12.0);
g.setColour(Colours.white);
g.drawAlignedText("- Libraries -", [0,0,Panel_ExpansionsItemHolder.getWidth(),20], "centred");
});
/*
Crawling the expansion list and populating with buttons + images.
Note that these images are filmstrips so this has mouseover/click down animations.
They also call custom functions on click down, which I won't put here. Basically these custom functions handle all the expansion-loading, image-swapping and sampler-setting-uppering.
*/
for (i=1; i<expansionNames.length; i++) //We start at 1 because 0 is "No Expansion"
{
Panel_ExpansionsItemHolder.set("height", 20 + expansionNames.length * expButtonHeight - 55);
expButton[i] = Panel_ExpansionsItemHolder.addChildPanel();
expButton[i].setPosition(0, 20 + i * expButtonHeight - 55, Panel_ExpansionsItemHolder.getWidth(), expButtonHeight);
expButton[i].loadImage("{PROJECT_FOLDER}" + expansionNames[i] + "_button_base.png", "panel_" + expansionNames[i]); //Appends a bunch of strings to return the full file name.
expButton[i].data.imagefile = "panel_" + expansionNames[i];
expButton[i].data.expansionName = expansionNames[i];
expButton[i].set("allowCallbacks", "Clicks & Hover");
expButton[i].setPaintRoutine(function(g)
{
g.drawImage(this.data.imagefile, [2, 1, 185, 55], 0, 0); //My panels were 185 wide, you could use getWidth() but I got lazy :P
});
expButton[i].setMouseCallback(function(event)
{
if (event.clicked)
{
expHandler.setCurrentExpansion(this.data.expansionName);
load+this.data.expansionName; //This is our custom function loadSomething();
this.setPaintRoutine(function(g)
{
g.drawImage(this.data.imagefile, [2, 1, 185, 55], 0, 110); //Offsetting the filmstrip to the click-down animation
});
}
else if (event.mouseUp)
this.setPaintRoutine(function(g)
{
g.drawImage(this.data.imagefile, [2, 1, 185, 55], 0, 0);
});
else if (event.hover)
this.setPaintRoutine(function(g)
{
g.drawImage(this.data.imagefile, [2, 1, 185, 55], 0, 220); //Offsetting the filmstrip to the hover animation
});
else
this.setPaintRoutine(function(g)
{
g.drawImage(this.data.imagefile, [2, 1, 185, 55], 0, 0);
});
});
};
/*It's probably not the most efficient or performance-considerative, but it works for now. I should also probably add set("isMomentary") to the "buttons" so they don't wig out, as well as remove "storeInPreset".
I'm also hiding this whole viewport with a simple button that sets Viewport.showControl(value) and offsets the main GUI panel by 180 or whatever*/
I'll let you know if it does well 
