We've made it this far....

Screen Recording 2025-11-23 at 1.11.25 PM.mov

@d-healey all good. Thanks.

I feel so close. lol....

Here's what I have now. Repaints and panel callbacks all working great. Its just trying to match the transport playhead to some sort of blinking line progressing through the grid.

@d-healey I ended up ditching at arps for MidiPlayers. Works great.

@d-healey How is it done with the slider packs? Those seem to be on time atleast. I know even the sliderpacks feel a little behind but atleast they progress at an equal intervals and match play/stop transports. hmmmm

Im really trying to match my paint routine of my panel to the transportHandler but im either too fast or too slow if you know what I mean. If anybody has any good pointers on getting accurate playHead control for a stepsequencer please share!

I need to be able to read realtime feedback. I know the playHead object is supposed to provide that but for some reason I cant get my panel to line up properly. Like I said, either too fast or too slow...hmmm.....

Anybody know how to check viewport list for 'scroll bar dragging'?

@HISEnberg Im seeing now!

ok....

That wasnt that bad at all...

So I figured....bypass the actual panel visuals and just execute .startExternalFileDrag() and let it do its thing essentially using the panel just to hold the function I guess.

The only thing I need to do now (not shown in video) is to check for 'scrollbar drag' and not execute file dragger in that instance.

Here's the working code so far:

inline function DraggerFinishedCallback()
{
	
};


// Broadcaster definition
const var bcvpAllFilesFiltered = Engine.createBroadcaster({
  "id": "vpAllFilesFiltered",
  "args": ["component", "event"],
  "tags": []
});

// attach to event Type
bcvpAllFilesFiltered.attachToComponentMouseEvents(["vpAllFilesFiltered"], "Clicks, Hover & Dragging", "");

// attach first listener
bcvpAllFilesFiltered.addListener(pnlFileDragger, "FileDraggingNow", function(component, event){
	
	if (event.drag)
	{
		this.startExternalFileDrag(AudioLoopPlayerAuditioner.getFilename(), false, DraggerFinishedCallback);
	}
});

Anybody know how to check viewport list for 'scroll dragging'?

@d-healey @ustk
yyyyyeah bro, I can see where this can be useful in a lot of things...I think im getting it now.

----- continued thoughts.....

In the end, Im going to want to do .startExternalFileDrag();

am I going in the right path or am I digging a hole?

I want the user to be able to click/drag the viewport list item / grab file data / .startExternalFileDrag();

@d-healey I watched your bc video again and for some reason it just made alot more sense this time around. I think I understand a little more in general now so it wasn't as intimidating. lol Thanks for the video!

@d-healey @ustk
Yo! ok I got this far. That wasnt that bad.

Maybe you can check this out and see why when I drag from different parts of the viewport list, the pop up image is sometimes right under my mouse as desired and sometimes it isnt. Is event.x at the time that im calling it 'event.x' of the entire UI or wah? I cant tell where im measuring from.

I would like to be able to 'check value' first so I can get item text and stuff for my end function eventually but I know thats going to require a different broadcaster callback. I'll figure that out after. I just want to center this image pop up. Any tips?

// Broadcaster definition
const var bcvpAllFilesFiltered = Engine.createBroadcaster({
  "id": "vpAllFilesFiltered",
  "args": ["component", "event"],
  "tags": []
});

// attach to event Type
bcvpAllFilesFiltered.attachToComponentMouseEvents(["vpAllFilesFiltered"], "Clicks, Hover & Dragging", "");

// attach first listener
bcvpAllFilesFiltered.addListener(pnlFileDragger, "FileDraggingNow", function(component, event){
	
	if (event.drag)
	{
		this.showControl(true);
		this.set("x", event.x + 100);
		this.set("y", event.y + 100);
	}
	else
	{
		this.showControl(false);
	}
});

@HISEnberg I think the part that gets me is understanding what arguments to use and why, and in what order. I can assume, but I dont feel sure in my choices just yet. I've been using helper functions so Im barley starting to understand how to pass arguments to other functions but im still getting comfy with everything. Appreciate the advice!

@ustk @d-healey Thanks guys!

@d-healey ah crud. Yeah we did. Ok I fixed it. Thank You! Sorry for wasting just a little bit of your time. I'll make it up to you in enthusiasm! haha. Hope you're having a great day!

@d-healey oh. Sorry. I dont remember that part. I just searched for 'label ENTER' and this thread popped up. I didnt see the other one.

@d-healey said in How to trigger label callback on enter/return but not on focus change?:

default behaviour of the label is to trigger

weird, my lables dont fire after typing a name into a label and pressing ENTER.

I have a label for my 'save preset name' function and it doesnt fire on pressing enter. hmmm...

@d-healey Ok. Honestly I've tried to understand Broadcasters a couple times and failed miserably. lol. I'll try that again. I feel like it'll help me down the line as well. Wish me luck! ha.

@d-healey Press Enter to fire label callback.

@d-healey yeah thats the part I need help with. Once I get the drag function going I think I can finish the rest. I've havent been able to figure it out yet. Is there an option to set "allow callbacks" for viewports? or is that irrelevant?

@d-healey Did you ever figure this out? I still need this function badly. Its so simple but crucial. Im not liking 'type name' ---> 'click SAVE button' flow.

I want to be able to 'drag' an item out of the viewport list and drop it over a 'drop panel' and have that file be loaded into a defined AudioLoopPlayer.

I've found this....am I on the right track?

I can script a drop panel and callbacks....I just dont know how to start the 'drag' action starting from a viewport item.

I imagine this would be the flow....

//Viewport List Item
if (drag)
{
// 1. Get filepath of file matching viewport index selection
// 2. Execute .startExternalFileDrag(); // onFinished callback  Do nothing?
}

// Drop Panel
if (obj.drop)
{
// Load drop file into audioLoopPlayer

}

Can you help me figure this out?

Thanks in advance!