HISE Logo Forum
    • Categories
    • Register
    • Login

    [feature request] Preset browser search bar text in LAF

    Scheduled Pinned Locked Moved Feature Requests
    search barpreset browserlook and feellaf
    30 Posts 9 Posters 2.0k 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.
    • d.healeyD
      d.healey
      last edited by

      I tried to add this myself but can't figure out how to get the inputLabel text into the paint function.

      I'd like to be able to get the text value in LAF so that I can put place holder text when no text has been entered.

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

      DanHD gorangroovesG StraticahS 3 Replies Last reply Reply Quote 3
      • DanHD
        DanH @d.healey
        last edited by

        @d-healey the highlighted text colour (green) is also unavailable to change afaik

        DHPlugins / DC Breaks | Artist / Producer / DJ / Developer
        https://dhplugins.com/ | https://dcbreaks.com/
        London, UK

        1 Reply Last reply Reply Quote 0
        • gorangroovesG
          gorangrooves @d.healey
          last edited by

          +1 I haven't been able to change the color of the text within the Search bar, nor the color of the text in the "save preset" popup.

          Goran Rista
          https://gorangrooves.com

          Handy Drums and Handy Grooves
          https://library.gorangrooves.com

          1 Reply Last reply Reply Quote 1
          • DabDabD
            DabDab
            last edited by DabDab

            How can I change Search icon Size & the box around it?

            Bollywood Music Producer and Trance Producer.

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

              @DabDab I think the LAF function is drawSearchBar - check the auto complete

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

              DabDabD 1 Reply Last reply Reply Quote 0
              • DabDabD
                DabDab @d.healey
                last edited by

                @d-healey OK.. will try tomorrow. good night

                Bollywood Music Producer and Trance Producer.

                1 Reply Last reply Reply Quote 0
                • StraticahS
                  Straticah @d.healey
                  last edited by

                  @d-healey LAF requests, are the best! 🤗

                  building user interfaces in HISE :)
                  web: www.vst-design.com

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

                    @d-healey was this ever resolved? I can't seem to change the text or highlight colour in the search bar of the preset browser.

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

                      @HISEnberg Not sure, did you try drawPresetBrowserSearchBar?

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

                      HISEnbergH 2 Replies Last reply Reply Quote 0
                      • HISEnbergH
                        HISEnberg @d.healey
                        last edited by

                        @d-healey yes that's what I have been using but the drawText doesn't work and even trying to reset the size of the search bar via scripting instead of using the property editor data is a bit buggy. I will post a minimal snippet later on, perhaps it's a bug or needed feature request.

                        1 Reply Last reply Reply Quote 1
                        • HISEnbergH
                          HISEnberg @d.healey
                          last edited by

                          @d-healey

                          The documentation doesn't state that you can edit the text property of the search bar, but I doubt I am the only one who has tried to do this.

                          Here is the snippet

                          HiseSnippet 1435.3ocsW0uahaDDeMI9Tg1qsWUe.VgTaIUHN6P.tqmN0.DnEUxETH2cU5zonE60v1X1EsdIjzpH0mf9pz+suD8co+W+yqyZavX939.oZIvdmu1edlYmYbOovgFDHjHibWb6DJx3SL6eKWMp4HBii5bBx3SMOkDnnRbDoF2NgDDPcQFF68CZBFY2GEd8OeeChOg6PSHgPuPvbncYiYpDp8N9mX99sItzKXiWR5iNtiif2T3KlB3YOSKzDhyUjgzmQzhkwD8ijfQHiu07wUpXSb8p4YW19wCb8bnkqYU8nZGRp7HOuZV1GU1sl2Q.HuWKWlRH6qHJZ.XzFB2a6ORLiGsAufEvF3S0KrQ8gcNhLp4Hluau4Nm.DxX+dItp8hbUeo4oLW1B5ItrOOjANQikcZFYdaPx9C.RFKAo8ifzCL66HYSTIbz34iM6vgHnGAhMKCkHYQY968MaJ.I3pRiIWQaKgEKznPsCsJhO5QVG7jb4f3SfB27rtm87yureqtsZdQqSvOEacS61UqZY0p5Shk4ZhD2VcYOIMfpZHEyBfTnmhmuOCoplhwSDbXQg7qJX9CV1Lcq2dq1wQRA2XWgCwuqPbUctaaJ0ufFqqoVIIcHSmJ2dJ2QwD7B4ckjYojoOkHcF0fHyWD6MWrgEwhA+xA49sb3rZ.Q...DJQfMG1HLbMrTf9MRm5VH5VPoYL0n59SFQRnLhonEwVkpbvAOAGqnGbX3bwTtK08bpihvG5SKPJhssJYokZq1efOb7Hsc5QTiJngFCbeEwupRQbsRve1g+d8By8vGdA8FUtvmRYastJfUzRP9HIwNgqwr.b.EBKJANb2WCa5DAqvqPcw08CDXWAMf+MJ7LgbIMZKzg9lDe1.ICb2GF89BJo4f+5naArekhAGMlKznPJAWTtrCKoib08YC4TWM.KjGr.3zx6.YERpqNCRuS4tamSE5BBzQQGu4LgMkHjMUTJ8gDsqO61C1UJEd9ZqoR5DmjP8BuWcIi3C.ztZn9QbW00LOlF4f7odJs2Izwja0SdZSu1oo0beZUm6SvB9yDJ5Y7Bgtkb2kCuJKOuMxSeFVJ78oxMxV2bP91Tr.e53ATYQnHg+T5BAghgoqvdu2uJrNQkTVRPAuCmoNaBMdcaguqtxo940qGihqIAO87NmPTDcI5XZfbSnRESCGiSnWCMEiJXm07DZvUJwjPYiKHhLtuJtCSTI519BhhwGdACfMCPvWXtZfCcyhFo+t2w2tbO3YLWEz1zznpABMhxFNJoY7w2cbLDivymYl1pCFNueb16Ah+uZcfTwwITyjo6ekl5gZxFFe0enIG5Hx7mYLghm37Zmaex0zFSUJAO+2g8H9AzhyY05lIDd.DjCpG.1Z530EILFH2h95rsf0sJjMDoPZdIzgLT3cFXZasPq5ttaYWNmxgAR1BySn9T01X1lbsPBNJ8bNoXFCuNvKuKsgPBuho3+roii7G52.6PRQqeoN1dNjbH.FuJr.fUoxqbU7CjNP90g6gtDXcn11B+S7NTbS2VnUDxNWLqGw0ExZee0aQu2F5BjAKTqbrj1w2OzJ9gxI5dpPF6zSTN1pKR2Vky7nwZbycGJoGXbl+azIy5ht5yHvIUlCtOjqhOsOLP6ZygAS.Jbm5SToGKTOvbLCHIO0rX54sfnu51kGn9CXVQq25rhuuP7Al8XJmQaFiY1.FgZb+efw3IruuYKOOnMYB.22r8OuqiS+N1dnsrtF6oDkjAESMgyb8g3uCE1cNm5GnKglQWmOZskds1CzmxcCW7F3JlosdsQLS64LQiINRwkNQ8uzyv+QgT.LwC+FmrvGaAqw1nvdZK6mGCeRwkNNoM0ZJd3tpX4cUwi1UEqrqJVcWUr1tp3id2Jp+hu5SUhwQGaPnS60Jr2mgQKNAx.CyVQ+GKbCZRA
                          
                          HISEnbergH 1 Reply Last reply Reply Quote 0
                          • HISEnbergH
                            HISEnberg @HISEnberg
                            last edited by

                            @Christoph-Hart is it possible to change the text displayed in the search bar or the preset browser? Also the highlighting colour?

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

                              @Christoph-Hart Maybe a job for CSS?

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

                              A 1 Reply Last reply Reply Quote 1
                              • A
                                aaronventure @d.healey
                                last edited by

                                @d-healey is it possible to mix and match? text entry is one thing that could benefit from it.

                                I have been playing around with comboboxes lately and I caught up with your and Chris' talk on item height, which resulted in a unique function for LAF that just wants a return of the height instead of processing any graphics methods.

                                So maybe this can be done for text entry: the function just wants a return of a JSON object with various properties much like the ModalTextInput method which can be customized.

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

                                  @aaronventure said in [feature request] Preset browser search bar text in LAF:

                                  is it possible to mix and match?

                                  CSS and LAF? Yeah.

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

                                  Christoph HartC 1 Reply Last reply Reply Quote 0
                                  • Christoph HartC
                                    Christoph Hart @d.healey
                                    last edited by

                                    Yes the preset browser is definitely a strong contender to be customized with CSS (everything from positioning the columns to styling the scroll bars is covered by the current feature set of the CSS renderer so I just have to hook it up and assign custom class selectors to the elements of the preset browser), but I'm not sure how much you can do with the current state.

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

                                      Alright, here we go:

                                      Link Preview Image
                                      HISE | Docs

                                      favicon

                                      (docs.hise.dev)

                                      d.healeyD HISEnbergH 3 Replies Last reply Reply Quote 4
                                      • d.healeyD
                                        d.healey @Christoph Hart
                                        last edited by

                                        @Christoph-Hart Oh nice!

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

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

                                          @Christoph-Hart You know the parameter dump thing you added for modules, what about a css selector dump for components?

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

                                          Christoph HartC 1 Reply Last reply Reply Quote 0
                                          • Christoph HartC
                                            Christoph Hart @d.healey
                                            last edited by

                                            @d-healey There's already a CSS debugger. If you've assigned a CSS LAF to a component you can right click and use Show CSS debugger, then you'll see this:

                                            Current variable values:
                                            {
                                              "bgColour": "#55FFFFFF",
                                              "itemColour": "#66333333",
                                              "itemColour2": "#FB111111",
                                              "textColour": "#FFFFFFFF"
                                            }
                                            ==============================
                                            
                                            /* CSS for component hierarchy: */
                                            
                                            div 
                                             div 
                                              div 
                                               div 
                                                div 
                                                 div 
                                                  div 
                                                   div 
                                                    div 
                                                     div 
                                                      div 
                                                       div 
                                                        div 
                                                         div 
                                                          div 
                                                           div 
                                                            div 
                                                             div 
                                                              div 
                                                               div 
                                                                div 
                                                                 button #b1 .scriptbutton
                                            
                                            /** Component stylesheet: */
                                            button #b1 .scriptbutton {
                                              background-color[]: 0xFFFF0000
                                              color[]: 0xFFFFFFFF
                                            }
                                            
                                            
                                            /** Inherited style sheets: */
                                            button {
                                              background-color[]: 0xFFFF0000
                                              color[]: 0xFFFFFFFF
                                            }
                                            
                                            
                                            d.healeyD 1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            22

                                            Online

                                            1.7k

                                            Users

                                            11.8k

                                            Topics

                                            102.5k

                                            Posts