Floating Tile Tooltip

[DanH]

With the new Matrix Modulation system a tooltip for the floating tile would be quite handy :)

Or is there another way to do this?

[HISEnberg]

@DanH That would be really handy, I second that.

I've rolled my own tooltip in the past using a broadcaster, it could present an alternative but it might require some fine tuning to setup. Here's an example

HiseSnippet 1122.3ocsVstaaaCElxNJa1aIXEXO.DBCaNCFo1NIyKanXo1wY0nwodyoECnnHfhhxlHRjFhTY0XH.60ZuU6MX6PcwRtwIoy.S+wlmqemK7vy3HIkoTxHjU8KWLmgr9b6IKD5Y8mQ3BzvSQV6ZOhnzrHbJodKlSTJlGxxp5OaHXUaKTx2e+S8HADAkUPBgdijSYmyC45BpiO4k7ffyHdrK4gkj9vSFRkh9x.YLfmp1sPyIzqISYWPLhUwF8BhZFx5asawbc87cO3XVm1s6b7QsNpqaGfzALJoie2Ca2p6Qc6bL.xsG3w0xnIZhloPVa0S5sXxL4uKRcva3Jta.ybnMZB34TxmIC7LgngJp+Ldf237DkBAVYbQZqZZZ6KsGw83KoWj99hDF3BMJm.sprJ7ptB7ZeevaMPxpDj1JEROwdBMhOWWvwfmOydn.pl9DnNUFJoxhp7WUs6KAID58CIWyNKBNrTiFGzpUSb6Vs16GqCeP0Row2PfdCY3bo.TRgeF9s4FXJSujQCmWJjtsc1qId8r6Eq0RAHv6.a+zmh6GqzxP7kRYflOGWW.MAJngfkSZDQ.8FQ0+i50J.RfavU4p7r6wSkjwABjZk0uGsj5CDS4B19zHFTd5EIIdzjqBM.WhwNbOme.6TngSyDxjnoJfwacn4tzoI1gci4OuqdsaScIDgOWqIzYX8LF1sv3XIbEpdsBytOIQtKkKCgQxXEafwfpFEYdvI8C3zqU3uF+B4MrHiacV5s7vJPNkSW09ddmyAWKfHyIiXNAiMxHMYAPJDH3GKnZtTzXY.1DmDd6UuVRlAi493FIj1elAI6kRMio4qTMXeECJJZ16M4oklzTy.p4kISXrNc8goHEkVcTLqItSR+Yh32l9CKPwdPHrpY7If7encRqa2VOO5g5zERM6UhF6YZAAN3Ojku+Z4Y5JijAAP5dcrMCEidHEaHhCcYQMgF1fX1RAgK9qNMY6OtoIzzKIkDTJFJ35WMmkc9gGGhxtkASgpjgPPTcxLncylAMIf6whPbvHehcxf.TB3K+TA59TNcxPhx0ryFSrF0e8vSIZhYVXFf.PNmEo4lbg0orafWhRmLVy9Tl5ZsbN3pkUcjk8ih42W3vu5jEkOj0nZd+b32DhI3qAELgz8Y80FTkruWY6eXg82My9to5W1Cam5gcx7v4DWVPhC1wtTudYmbQIm7m+xIl6f2wC2j20XUEc2GYfm2jdwAD8pu4Y1LHiAz5txCMlGSDJtdQ4MG9O7PXqG7gvOVH9D6wbMc15wXk0fQS28+CXLa8gcrG36yn5B.tk8Y+1ltqvi39eUFq4hoiH5HNzLXeQb3DXkKJC7tP.yJAZVULWHSO2xb1jAlvDdIG9G3KiYayYqLlsyYhBIzH4UzzazlET9zDJ.lDIKyUC1pDNiWyE4PXeoqnzUM0cTrylp3AaphGtoJdzlp32soJ1cSU76ebEMqy97XX0rzqMHznwCRF7ZYMPPfNvjtUz+x3lPm6

Content.makeFrontInterface(300, 100);



const var Components = [Content.getComponent("Knob1"), Content.getComponent("Button1")];

// Custom Tooltip 
namespace TooltipManager
{
	const var lbl_Tooltip = Content.getComponent("lbl_Tooltip");
	
	const var Bc_Tooltip = Engine.createBroadcaster({
	  "id": "Bc_Tooltip",
	  "args": ["component", "event"]
	});
	
	// Attach the broadcaster once
	Bc_Tooltip.attachToComponentMouseEvents(Components, "Clicks & Hover", "");
	
	// Tooltip logic
	Bc_Tooltip.addListener("TooltipListener", "TooltipSystem", function(component, event)
	{
	    if (event.hover)
	    {
	        lbl_Tooltip.set("text", component.get("tooltip")); // I'm getting the tooltip text so you would need to do something different here. 
	        lbl_Tooltip.fadeComponent(true, 200);
	    }
	    else
	    {
	        lbl_Tooltip.fadeComponent(false, 200);
	    }
	});
	
}

[DanH]

@HISEnberg ah cool, thanks! I'll see if I can roll into my existing tooltip panel!

I also have a question about having tooltip zones in a panel - I've got a couple of panels with various sliders drawn onto them etc.

Perhaps a broadcaster again...

[Christoph Hart]

@DanH yes I might have to think about a solution how to address individual subcomponents - maybe I can use the CSS selectors as they are already assigned to most components regardless of whether CSS is used, eg:

const var ft = Content.getComponent("Matrix");

ft.setChildTooltips({
  ".search": "A search bar that can be used to filter modulation connections",
  "#intensity": "Changes the intensity of the modulation connection",
  ".plotter": "Displays a histogram of the modulation signal for this connection"
});