Floating Tile Button

[Tod Slaughter]

I liked your first example btw, really cool but there's a toggle close button in the preset browser that can accidentally destroy the gui

[d.healey]

@tod-slaughter That only appears in the preview I think, not in the exported plugin (although I could be wrong about this).

[Tod Slaughter]

@d-healey You're right I just tried it

[Tod Slaughter]

@d-healey sometime ago I found one of your snippets with 2 panels with a show hide button e.g. creating a tab.

I can't find it now. Do you remember the one I mean?

[Christoph Hart]

That one?

Multiple page?

**hello ! not working in the last github HISE version because of starting onInit: "content.setheight: ..." you must replace it by: "Content.makeFrontInterfac...

Forum (forum.hise.audio)

[Tod Slaughter]

@christoph-hart Not the one but it helped thank you :D

[Tod Slaughter]

@christoph-hart Can you please snippet the pop out preset browser like the one in hexeract?

[Christoph Hart]

Fresh from the source:

const var PresetDisplay = Content.getComponent("PresetDisplay");

PresetDisplay.setPaintRoutine(function(g)
{

	g.fillAll(0xFF111111);	
	
	g.setColour(Colours.white);
	
	g.drawAlignedText(this.data.text, [0, 0, this.getWidth(), this.getHeight()], "centred");
	
});

PresetDisplay.startTimer(200);

PresetDisplay.setTimerCallback(function()
{
    var text = Engine.getCurrentUserPresetName();
	
    if(text == "")
	text = "Init";
	
    if(this.data.text != text)
    {
        this.data.text = text;
        this.repaint();
    }
});

const var presetBrowserData = 
{
  "Type": "PresetBrowser",
  "Title": " ",
  "FontSize": 16,
  "ColourData":
  {
    "bgColour": "0xDD111111",
    "itemColour1": "0xFF46C0D8",
    "itemColour3": "0x3346C0D8"
  }
};

PresetDisplay.setPopupData(presetBrowserData, [PresetDisplay.getWidth()/2, 25, 800, 470]);

[Tod Slaughter]

yay! Thx

[Tod Slaughter]

@Christoph-Hart

[d.healey]

@tod-slaughter I see no controls in your widget list and that function is part of the panel control class so you must have a panel on which to call that function. Basically the script Christoph gave you assumes there are some controls on your canvas, you'll need to create them manually.

[Tod Slaughter]

@d-healey

I was just trying to test it to see how I could adapt it. Not sure what controls to add as this is called from a text "init" button on the interface of hexeract

[d.healey]

@tod-slaughter Well I can see that the control PresetDisplay has the setPaintRoutine function attached. So I would guess you need to add a panel called PresetDisplay. In fact that is the only control I see mentioned in Christoph's script.

[Tod Slaughter]

@d-healey Great I'll try that

[Christoph Hart]

Ah I forgot to enable mouse callbacks. Just add this line somewhere:

PresetDisplay.set("allowCallbacks", "Context Menu");

[Tod Slaughter]

@christoph-hart said in Floating Tile Button:

PresetDisplay.set("allowCallbacks", "Context Menu");

SWEEEEEEET!!!!

[Tod Slaughter]

@d-healey david I've followed you basic tabs example but it's initialising with tab3 instead of tab1 .

Is there a way to focus oninit? const var page1 = Content.addPanel("page1", 4, 174);

[d.healey]

@tod-slaughter If you set the saveInPreset property to true for the button you want to be enabled on init and all the others to false.

[Tod Slaughter]

@d-healey the man with all the answers

[Christoph Hart]

@d-healey said in Floating Tile Button:

If you set the saveInPreset property to true for the button you want to be enabled on init and all the others to false.

Hate to be picky, but that's not good advice. All controls related to UI handling (page swapping, making other elements visible, etc) must not have saveInPreset enabled, or the interface will do random things if you load user presets.

Instead, leave saveInPreset to false, and call setValue() for the given control directly in the onInit callback:

const var page1Button = Content.getComponent("page1Button");
const var page2Button = Content.getComponent("page2Button");
const var page3Button = Content.getComponent("page3Button");

page1Button.setValue(1); // or whatever logic you need
page1Button.changed();