HISE Logo Forum
    • Categories
    • Register
    • Login

    Text label LAF

    Scheduled Pinned Locked Moved General Questions
    7 Posts 4 Posters 531 Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • LindonL
      Lindon
      last edited by 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

      HISE Development for hire.
      www.channelrobot.com

      d.healeyD 1 Reply Last reply Reply Quote 0
      • d.healeyD
        d.healey @Lindon
        last edited by

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

        Libre Wave - Freedom respecting instruments and effects
        My Patreon - HISE tutorials
        YouTube Channel - Public HISE tutorials

        LindonL 1 Reply Last reply Reply Quote 0
        • LindonL
          Lindon @d.healey
          last edited by

          @d-healey bummer....

          HISE Development for hire.
          www.channelrobot.com

          HISEnbergH 2 Replies Last reply Reply Quote 0
          • HISEnbergH
            HISEnberg @Lindon
            last edited by

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

            Christoph HartC 1 Reply Last reply Reply Quote 2
            • Christoph HartC
              Christoph Hart @HISEnberg
              last edited by

              @HISEnberg yupp css is the way.

              1 Reply Last reply Reply Quote 1
              • HISEnbergH
                HISEnberg @Lindon
                last edited by

                @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);
                
                LindonL 1 Reply Last reply Reply Quote 4
                • LindonL
                  Lindon @HISEnberg
                  last edited by

                  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...

                  HISE Development for hire.
                  www.channelrobot.com

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post

                  9

                  Online

                  1.8k

                  Users

                  11.9k

                  Topics

                  103.7k

                  Posts