Text label LAF

[Lindon]

can someone please point me at the documentation for this?

Im hoping this isnt still the answer...

https://forum.hise.audio/topic/7339/is-there-laf-support-for-labels/5?_=1743089934427

[d.healey]

@Lindon I don't think there is any laf for labels - possibly CSS though

[Lindon]

@d-healey bummer....

[HISEnberg]

@Lindon CSS works on the label, and quite nicely I might add!

[Christoph Hart]

@HISEnberg yupp css is the way.

[HISEnberg]

@Lindon Simple example for you

HiseSnippet 1144.3ocsV0sSiaDEdLfWswsKpH0GfQzaBHB3PRXoAUUVBj1nEXQanq5cqlXONdDSlwZ73MDUsuC8UouT85deufdFONwI.hcIR0QIJm++l47muRICnooRExw65IITjy251ehPG2IlvDndmhbV28BRplpvVVmLIgjlRCQNNq9KFFNUVCk+7O+7IDNQDPKYgPePxBnmyFwzkbu532x37tjP50rQyocyi6EHEcjbYFfmUc8QIjfaHCoWRLpshK5WIowHmscOH3Ga4Of52p0gMabXylGz7fV9Q9MhFb3AMGz30MaD1rU8fFHmWbVHSKU80DMMEb5IxvI8ikiE1.7AVJa.mZHpi5CQ1xF0IlwCuZ5kSJB4r1UkWUqZup9d2KXgrY7Kux9tbA3RKl+RyYkmBR0eFPxYNHslERa31OPwRzkRL34ab6IfLXDAxMyCEqtnU96Uc6HAMD5cGQtg1UADyrn59996fa4u0QddP5IUi+DQgOmLfxqi+I7TCGR0cjiRjBfn5lVwatnM7A7NooyYSfhB2AmKCH7ykxadiHrKkxqZrx5fcSofyzza0atCdyN86aiate81aO7YiHL9dukNwxG9MxyFEik8Dblf1WOgS6GSMdxaau+vqBmpgyVsTn5hIF1FuexsG4UIB.UswT1vXcarhNLiSTG48YHNauM98TQHzBnio3PZDIiqwjjDJQYp22Eu8ddbC.Lde.TyNTIyDg0Bfrmps4rWsVsACsU1.1qrf.ywapnJf8REDpZJRHKKsMtUN3RHgg.VqwoQ.5Z4u.SkEy6a4ZbWszXRnbb9QK+K3ErZ3.RU+cx+raislc15EgmHyvTnpL+.ZbvNXfXLzkhyRANwrTbJkSCf517SKSjjogSaQ3Hb1PQarAcygKsLoM1e2m8IHfnn5oWdiiYZ58SOCj7vY3OOAOC4E3jIE.90wOB1a2dlJKluZi+gV9cyeJyQEw+ydatXY4CpZs0cfRQYBa7khKkZ56DU2xDGvE36KJJ5QkY5OTRNmpdTwlolpmxvphrQCnpcfBLdFclhvThEG87hutQOA1104TTJ5IX52kPKn6B4CyHEy+e3fJTQ+N7ueq2oDMwL6pfGnWBUoYF33bJ8Sv1B6jrJtmRSuAJgx0sXvBLJSmK8UEy4xyGHFD5W5ZyMname8yj4IFyB0wkLXGGmWNUxo2wlJHy7xYiZPSaaAsdwedM5tbK0zQkbWe8+5db22vdiM13eMrKauMbAF2YWB9fY2vVCYHL0Qu3pDyR1BAPRdg42lYzhTldx7KgeF6W7ex8KesPbC2qX5f3GGiq7HXDR++efwhsxux8rnHn8tDfq4182W1Uvegv+dYlFFfcAQqXPgm6kYi5CY5.JDcgfxAm65rhoEvR6anM2.8gEJ4D2AOEBqancJDVepPzHRfR9w.aqsYu+Ky4.XRj+dQUfWPCnw0Q4s6yeOOBdMjOFDrnqdfg6urF1XYMr4xZXqk0vCVVCe8xZ3geYCMuk3axzxQ11FD5hqNKe9niyYBBTAlWsh9O.TjCSqC

Content.makeFrontInterface(200, 50);

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

const var lblCss = Content.createLocalLookAndFeel();

Label1.set("text", "CSS Label");


// Email/Key Label Laf
lblCss.setInlineStyleSheet("
*
{
	letter-spacing: 2px;
	font-weight: regular;
}

/** Render the default appearance. */
label
{
	background-color: var(--bgColour);
	color: var(--textColour);	
	border-radius: 5px;
	padding-left: 50px;
	padding-right: 20px;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

/** If you edit the text, it will use this selector. */
input
{

	text-align: left;
	padding-top: 0.5px;
	padding-left: 50px;
	padding-right: 20px;
	caret-color: white;
	font-weight: bold;
}

/** Style the text selection with this selector. */
::selection
{
	background: #50FFFFFF;
	color: white;
}
");

Label1.setLocalLookAndFeel(lblCss);

[Lindon]

Thanks everyone for the CSS suggestion and solutions - when I get the time I will get my head into the CSS space - until then I swapped out the label for a button...