@Straticah said in Round Corners for Floating Tiles? (FilterDisplay):

@Darkmax204 @d-healey i was wondering about this for a while, since i use panels for cropping sometimes.

Is there a way to crop/cut the radius aswell since panels when used as a container usually crop stuff to a box anyway like a mask would do.

@Straticah I actually encountered this problem, but in my case, I'm only using a filter with this type of coloring, so it only happened on the lower parts of the border. It's inconvenient, but it might look good if I go back to Photoshop and make only the lower edges square again. Would make a cool design choice, I think.

@Straticah said in Round Corners for Floating Tiles? (FilterDisplay):

@Darkmax204 @d-healey i was wondering about this for a while, since i use panels for cropping sometimes.

Is there a way to crop/cut the radius aswell since panels when used as a container usually crop stuff to a box anyway like a mask would do.

@Straticah I actually encountered this problem, but in my case, I'm only using a filter with this type of coloring, so it only happened on the lower parts of the border. It's inconvenient, but it might look good if I go back to Photoshop and make only the lower edges square again. Would make a cool design choice, I think.

@d-healey Sorry for the delayed response.

You can apply a single look and feel object to multiple components

May I ask how to do just that? I've been racking my brain over this, but considering your videos are my only guide to HISE, I'm a bit lost. I appreciate your help though, means a lot!

Edit: Never mind, figured it out. Thank you so much for the help regardless, you're a godsend!

For anyone with zero experience like me who might have the same issue, you just have to do it like this.

const var FloatingTile1 = Content.getComponent("Object 1");
const var FloatingTile2 = Content.getComponent("Object 2");
const var FloatingTile3 = Content.getComponent("Object 3");

//And so on so forth.

const laf = Content.createLocalLookAndFeel();
FloatingTile1.setLocalLookAndFeel(laf);
FloatingTile2.setLocalLookAndFeel(laf);
FloatingTile3.setLocalLookAndFeel(laf);

laf.registerFunction("drawFilterBackground", function(g, obj)
{
	var a = obj.area;

	g.setColour(obj.bgColour);
	g.drawRoundedRectangle(a, 20, 2);
});

@d-healey Thank you so much! I just loaded this up, and it works like a charm for my needs. If I have three floating tiles, how do I make this script work on all of them?

Hello, pretty new here. How do I make this Floating Tile fit the border I've designed in the background? Is there any script or code line I should put in the Data part to get round edges? Is it even possible?

For clarity, the border is part of the background I designed in Photoshop. Loaded using an image component.