I love it when we work together.

@Lurch said in XY Panel controlling Knobs, Panel does not create DAW automation but Knobs do?:

but I get a load of errors

Start by making a minimal snippet. 1 panel and 1 knob.

Then try and implement Christoph's solution.

You can leave this part out if you want, it's just a check to see if you've compiled HISE with the HISE_SEND_PANEL_CHANGED_TO_PLUGIN_PARAMETER preprocessor definition, and this needs to go at the very top of your script, before any comments.

#on #if !HISE_SEND_PANEL_CHANGED_TO_PLUGIN_PARAMETER // If this causes an error, you need to add HISE_SEND_PANEL_CHANGED_TO_PLUGIN_PARAMETER=1 // to your ExtraDefinitions of the project and rebuild the component tree (either reload the patch) // or click on the refresh icon in the interface designer) Console.assertTrue(false); #endif // FOR AUTOMATION FROM PANEL

"#FFB7AA5B" is a hex representation of a colour with the #AARRGGBB format. You're almost there, you just need to turn that into an actual number with the hex format:

const var RED = 0xFFFF0000; const var GREEN = 0xFF00FF00; // same as #FF00FF00 const var TRANSPARENT = 0; // shortcut for 0x00000000

@tomekslesicki yes there are plenty of other solutions

just not calling changed() in the slider would prevent the infinite loop writing a custom panel instead of the buttons that store its value and is assigned to a plugin parameter would also work. you could even get away with just styling the slider with a laf and make it look like a few buttons but that‘s advanced hackery and might not work with you design.

@griffinboy Thanks for the information. I'll continue finishing my plugin without it for now then, and look into zynaptiq in case. Otherwise, might just have an informational snippet on saying use FL or the DAW built in stretching.

@Christoph-Hart ah nice, didn't know about this :)

It would be also be an excellent ux upgrade to include drag handles for the curves rather than mousewheel / right-click dragging.

Solved. Bit of a workaround but simpler than I expected

const var pnl_DETECT = Content.getComponent("pnl_DETECT"); const var tile_DRAGROP = Content.getComponent("tile_DRAGROP"); const var pnl_BLOCK = Content.getComponent("pnl_BLOCK"); pnl_DETECT.setMouseCallback(function(event) { var w = this.getWidth(); var h = this.getHeight(); var isMouseOver = (event.x >= 0 && event.x <= w && event.y >= 0 && event.y <= h); var isDragging = event.drag || event.mouseDown || (event.x != this.data.lastX || event.y != this.data.lastY); this.data.lastX = event.x; this.data.lastY = event.y; if (isMouseOver && isDragging) { pnl_BLOCK.showControl(false); } else { pnl_BLOCK.showControl(true); } });

@d-healey thank you kindly 🙌

@d-healey If its writing the new data, and not deleting the old one...where are these numbers coming from?

d888f7f6-a101-4c0f-b840-a849d08ade97-image.png

they look like items i've added and removed before but if they arent showing up in the .json file, where are they?

@Matt_SF you're right. I dropped the .length and boom. Good to go!

@d-healey damn that thing is going around rn.

@VirtualVirgin damn I been up all night on this...

and this was the fix...

WRONG

for (i = 0; i < NumSliders.length; i++)

CORRECT

for (i = 0; i < NumSliders; i++)

Thank You!

🙏

@d-healey super critical. Good thing I back up the entire project folder after ever new function added. I'll lose a few hours of work at most. I'll see about recreating that.

@d-healey I Love a good cheat sheet! Thank You! 🙏

@d-healey I got this working. I just need that loop. haha.

Update*

I was able to easily duplicate this process for the second table! I feel so accomplished. haha. ✊

Screenshot 2025-07-11 at 10.54.22 PM.png