HISE Logo Forum
    • Categories
    • Register
    • Login

    Customise Combobox font with LAF?

    Scheduled Pinned Locked Moved Scripting
    10 Posts 3 Posters 93 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.
    • L
      LozPetts
      last edited by

      I've got a combobox working great in my plugin but I need to change the font to Baskerville, I've customised the combobox with the following CSS, it works great in macOS, but not Windows! I've added my fonts to the project with Engine.loadFontAs in an attempt to avoid font issues across OS's and machines - how do I reference my fonts in CSS?
      Again, this works great in macOS but I'm now thinking that as it's not working on other platforms it's not referencing my specific font files.
      This is what I have so far:

      //Combo Box
      
      //Get and populate the combobox
      const var VolumeSelector = Content.getComponent("VolumeSelector");
      VolumeSelector.set("useCustomPopup", true);
      VolumeSelector.set("items", expansionnames.join("\n"));
      
      //Style the ComboBox
      const var laf = Content.createLocalLookAndFeel();
      //Style the Select Dropdown
      laf.setInlineStyleSheet("
      select {
        border-radius: 0px;
        color: black;
        padding: 5px;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.2); /* Black with 20% opacity */
        border: 1px solid #ccc;
        transition: background-color 0.3s ease;
        font-family: Baskerville;
        text-transform: uppercase; /* Make select text uppercase */
      }
      
      select:hover {
        background-color: #f0f0f0;
      }
      
      /** This styles the entire background of the menu. */
      .popup {
        background: rgba(237, 229, 217, 0.3);
      }
      
      /** This styles the individual items in a menu. */
      .popup-item {
        background: transparent;
        font-family: Baskerville;
        color: black;
        padding: 2px;
        text-transform: uppercase; /* Uppercase menu items */
      }
      
      /** The currently hovered popup menu item. */
      .popup-item:hover {
        background: rgba(0, 0, 0, 0.2);
        font-family: Baskerville;
        text-transform: uppercase; /* Ensure hovered item stays uppercase */
      }
      "
      );
      
      VolumeSelector.setLocalLookAndFeel(laf);
      
      d.healeyD 1 Reply Last reply Reply Quote 0
      • d.healeyD
        d.healey @LozPetts
        last edited by

        @LozPetts Have you put the font file in your project's Images folder?

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

        L 1 Reply Last reply Reply Quote 0
        • L
          LozPetts @d.healey
          last edited by

          @d-healey Hi mate - yes I have, I've got a bunch of fonts loaded in using Engine.loadFontAs and all working perfectly - just not working in the LAF for my combobox!

          1 Reply Last reply Reply Quote 0
          • L
            LozPetts
            last edited by

            Okay so i've spent a while longer on this.
            I've set a global look and feel just to set the font to Baskerville, this has worked on all the popup menus (MIDI assignment etc) but has not effected the combo box.
            I've set the font on the combobox to Baskerville about 12 times in different ways in my script and none of it has worked - this is literally the last thing i need to do before i can package this up and release my first plugin (I need to check some licensing questions but i'll do that in another thread) - can anyone have a look and lend a hand?

            HiseSnippet 11766.3oc680DabjjkdUI0YKwR+zRpU2ilecrbmwMYuTj0e7OocVUjrJJUSyeplEo5V6ti6NYUQwJGlUl0jYVjhSagQK7N.Cfg8BXa.iwmZ.aC3SKVCeXgOMbgswBCLWr8gcO3CsgALfwZazW7Y63m7mHxLiLyhrHaJ0o5d5QUlQ9hW7du3EuuW7xHaXn2BZZpajIatsOpOLS1qK07HMqtqzUVQKS8pYxNlzS2bscVuVyLKeTeYSSX6LYyd4Giuc1wdiLj+7kOZYYUYsVPuKkIyS0UZAWSomhk2UaT4CTTUWUtMbakdLstbk5sz0VQWUe.hUtrT9L8kasu7dvMjwM6RRYdhrY2LYeeoYKVpU41y2tXwYWbtVxyAWribmNEJ0tb44VXwBkVTt7ByAyOalruYs1JV5FMsjsflYx9FKq29nlc0OTi1AOUwTYWUH9GExzD0yzKuptZa7PDe0LqzUQscCGYjYlLYucCOI1koRr6JstRaE2q6I4tE4F.umfU.l8R7r2k4XuBrrWdF1KDVJKCK8FTV51RMaYnz2x6NX94ZR00rfFcjQ5IVVg11LWZxOPZlYrU1yLyCyMyLz+8o5pC5AMAJl.YvAJFVCjUAJZlVFnKqYYBr5JaAFXhZB748k0LUz0PWTGnpK2FzVoSGnApc.S4d8UgfckQ8K6yOMnpaaXIaW4CfHZCUL.HwBXm5.K4cMmBr5GOMl4B8glBna.rY3o.xFPBSf5uCTjY3toAa2EMbfZxHYLd..AxsQ5Cz8.5c.8zQOnyvV+.nAvBYtBlX6t5C1qKlSZHqAUI7B.Z0BzafoEXWBQP8EZnioXe0A6ongD.FvVVpGMEv.9SGnXnnsGPVCLneajle5ImFMT1tqW2g4YyCUrZ0EQoAljVCLgFJXVoCnqBpKz.6NvxBMNlB2QlPmeBPShrLzUIc+ATKHPeLqNEnGxVr2.j9GQFMacgAVF0xR4.Dm.L6CaozQok8XBKh7HLhf8LgpG3mA00lQuSGa97.Y0AnFzefpJ5VcLz6gX8Uz6sq9t5OGLAcD1DphDG5FShDBswBBkN.S7jfdTUIPw58PCDYU0cQt.vRm5.4dHcmkApIpGAzfGhkvsgG.U06iepo.JuWOflNxDa.h4PDDwt3+B1fEQas1xFsAGJeDV.1Q2nmrkEleQlJpxGQ9aCrPxt1vYjA8Mz+IHFbJ7PmHG2E0MGB5IuOZnYB0PRaTu2CNcNDqs7.zrQf6zpYNG9StUP5XzfdZLGspA5Gtc+DkKL+Tf4VX1Ie3CeXtZZHqO3zFvcwL4JxX8UCccUyIl7gXdesMWpJn1G2XoMZVeyMZNy4Byi5VrSgZNyDAOAocPFh4PVtnoPGHa3cO6aA9g.6gRKCHxNw+8QCmGlC+fLNebej8fVtseMESKRiQbARHZpqBmtOZ5n0DVFXom2yO4jXGLMgVfFPCzBXVPVVF6i0zwblNeXUEjajM0TOZF7eaYrGtIy4mQm1DZsjJxXB118VDZMwePfl5RlerMCiYlZdCP7bmlj4vl.xRVFlgIBwRBLoZdjIZBFVZPa7DLWbo98qJaIOI9tjUWv2ahw8nw3HogGso8ZCzbShX1ykJ+iO8S1pPXOHs+S.aYO5n1pqpP7UPW1.4ZvlX.Ba7vfRZ6l4dcz7jdMnQTLAy.XJfnNbKXGCnYWVII17ALgYKzuYubG5.B43BIHAXII1ECwK0zO4iqC5fMMH7NdkHpmzPrMLncnGgsmkVSqkwQ8sloJj7+SHDYJji4m2SDpA.gqiX5.yC4Z+qIiI7OD7G7iYtKYYD6qZ.2yq03gLhUwC5IfX4.emOYtOK2XDBfdVBGfhJoOzvBsfFdLNFe2Nc+Alcmn+z3.+P28EHQ.MNBrVeoAsUzoS1nKuf8OStH8Zq5nKrWAF6tCLQCz5QlXFq9Vl3U1lzw0HltdOMxMpN9APLEHmiip+1.7DOzB9qt4Fae93ibnbjtBJvCjbXUcb.SriK7UVxbhw+rFas4Op1Ja+Iqt4ZUqs0KHsblsFX0UANskUmwmBLN8W3YqIf.HuR6CMN.EFO79aA2afprgCcXt0JMalP5QYnjQ0ghja7z02pNxKfRqPnD8FCE8pM.GMMJ9JOBxboghTqqqqgBkzzUC3dggiiddK0An.NcYG6eON00wiU02EEo9ZKsJXBjUL1UEMBq958GzGEBi1.64CdyxUk63a4VJUnXDVSWe+kzZuJDhmkjC0X7ZZzVfYoI3TVSAJTByIHVYocpVeSPyOp91q7j5a7Xvx019ipUaCfKZiuJlBQcyigPzBZufB2pnMUvxg8VV+P0UPAshVjHeAjOLB9X2U6H+ZhwCqs7K+UGEpFR5XJlFdsPvSVL1mrnfmrTrOYIAOY4Xexx9VlGgbWQV8IxF8z0TZEw3MXKigRESLkJFCkJkXJUJFJUNwTxmbZoA6g7c+XCzB5hEQbMZbbnfdDX4sZZgASFgDloI7ct2MJF+yVbb2Xhrmrfyqw5DrjQNcY80YINWVRBaFy5qGtM35qyOB8QH1lIj.ESFAJJj.kRFAJIj.kSFAhY1TLxhvZdrDr3vQvhwRvRCGAKEKAKObDT7LsXDe9Zof4LwPDt1IlDESHIBN6a0OFiGjN8Afm+.rm.gaF1TBfskByLror0.CYKcC19tVmNvVVdFgtMJbSYTrxVvHI.sE1rss5A3pehPS27mN.B+YvvnsflFskC92vmBM1MQTzow1LN0V.PLFB2XZyNcPQ+DFsCzHaZVLe4EA1p1vLKDwqbMvlVHLIu2xKsxGTaipu2EhHqxwjpX2TRYmnzHWl.MhcxoEdMH8d800f3fIC1zvMIER.mFDsYh392WCE5VQHEXZi.OABeT2VDX9umvsoSJa+.M8cMCk936TL9NgzrwsiV2qqbzmaIiAduLMYvr8CsAEn2QX2v0JdAA8VESDAJJl.kRDAJIl.kSDAJKl.ylHBLqGAPBZbLTf.dHQ2RQSEg.CzYfVK5dRnEXYNziRo0Jzb9OQKm9ZJZh3IIdQ7igQt8Tb6ln.NKL3+DQia0UVaOXaLpuWf3ujMew64GeRb2YyoqXma+IRvnhJmbdBSRp0B0nz04iis38AgtDYPIK2iEsvLf+noM6penyyPa3CCqcquNI4uVnIa6h04SDZST1SS2vd7i.OiFBdjLQplwrQtiDWanaAMQK9DsFy2DyvURgIfn5E9Iu2G3F7QNgx4hIPN631NboKa799jpb2JBoIaD+hIQwDRhRhIQoDRhxhIQYwjfgFtAsgIjyl6BlnPHcGM7Lws6L0TqXRL0JJzTqj2j6.wUJzjqzIvOofI1gGEZxkktAYJ9QBWtNVrR1RIQxVRnjsrqjkKvWgB0xIPnxD8S3xSe3s7MIv+c+px8X4jHYKKTxNqqjkK7egR1YSfj0MtsvkqbPP8IU4uWDxTNPnQPjhIhHQazelp+lMI5uYCS+QvPAZVasZqr8laMgSoLLICdq2a0s1biswfv9JIA1OFR2RPbJ8UwUwAdauZYymAhQ0o1KhIHUmlgiRk+JXI3DiOvDR22oF3MRX7o.VFD0XXsUwB1yD0De6x2OQWQahw+CQJE6zDXcjJk4IB4k4XdU4NEXXY59RrldKY0faHQgDriDrcGkaAUMz62V+PMOZTmL8jzvlcg3gRNSZa+rb.vt5FsgF22.EB5.yG.x2+4ODc0V5p5FO.rqJxxB+693hJRauG.lkdeK3ysturJZ9xC.38MBZfuJ1NbOC8AZsuuMAL1aW4IxOEv9emt3jODLy6CVFSWvgJVcQtR9A.c7jFqi.u+LtLzC.E5+bfotpRavucqVsHcpAVvicw7f.cEh1kLAPYSHtk38G59cj6ondzC.LxMWVmPJbAz7.vf98gFsvOHlyVWdeHvV7fao2swb2KxYK5dPWRwT8YhGzEKM+TfhEWD8ev0xR9oKS1D3by79uOsjsLwJDZEagDfJFPFJgKuG7Mv6r0z3NdZ5Ncw2eh5ohh6IEs1JGnzlT2aX6Y7lnI6uatO9VA5KhHquLtN0hzBoH0B4jqB1wUhi4Ka9jJ7oCIjegAFX9P8H.QO.ayrSfjGv+nIT8UnlmmJVulFotsbXJhbzzR9HS+lQimC6sHnal.9BvShsSlAYaxwJQpIHh9tthHdNokxlaM8IdcYmNLxElsWgBuPCUX6VLDdsG6ysNZLtMRnLAx+G..PPbIKy4U6D4xMlRG.cIcvO7GBJOIXrwxMFpKFye0KM9ypQ1rcf8ebSNLC5RziwAiiC8OPP5j8+LrKEOFWn5djKOgbLHA82xPHRIADIXL99eBNh4OHBRNsnqBQKzy1nE.5HqZBCs4ifTi3vdkCe.wEYs+1FBYlMbxvEFo+1xRlWjiyDpzj.GCHGrfhMKxyvGCi9uPH2Lgp7Wk0tmT0Io+SrFbVGM3XgswJiEixLJsYDSmCd2vdxRBDtQnQSlJ0N1xwRlJMerM0iEhlGBYTTNRoS4HjNBU8Qn6Cn8KNoqx2mmjKR587iH8t2T4gYtbRmIKRiV3zpQEqOGyu9r.ReN1mgVvF8+QW2l0yN45NKoGk9M71v1yjaGolNrVHhBkhkBkDRggSyG9yHT6GayEMhJG6HpbLTX1HXnnsHHI1KYfwiJ8E9BNE6by6evugICPgzhk1baum2U8.aiuF9RByQfSCFmfjNPEzQHfnBChzgr08fdabZK7UOP3VIp34hfB7MRTMzkDBTLBBTJIDnjMABuj5RBEJGBEBVvbQIOCswwUgcCCAKl.BVZXHXoDPvxCCAKGjfbUTWDzJP6DW8cQPEesRXQ3kHR3JueH6DZmR.2wkPH3WclwlzM2D2dZJvPS+MUrNJ3luQGOw0nhIoQkRRiJKrQgj83HYtvMiSZiKMLMNRlNfAl.p5yDJ1VEwvQbhx87oG9hL9rfrqPpcwu1bz003lhgudLUCASa7M+DeCRlXh9YIMgVvJAM3YndzaPkKkBceTDKu3X+vEYA4AByxrsBMpsR8UquBXkMqV6hxqUhfJKj5ywKoNObXqrOUk1Pi7ERboV47.DMb7UCiSyGp83kY2ac2ZqID0HLuZPJOys6heQszUaOE39waoHdfkrJhw2HyesfERIYEZL1IVv6VHXQTPttQTmXpxVIPIRgRXiH0lXjvDzvn+Ge9PccJNV3vsBqHo8WdNg0D9s4jh2CDN8JFO8BrsoQQuRwSuRCC8JGO8JGjdXB9B+h0hS5nHFMx0BiX4Z9K9x0vDqkFsVqEtfasl+bxZs7Ebq0K5dAx6Zs9Bb5oGlU9rWYIYK6w5+2di7Z1XoUpuzZfmrzVqu4F0WoIX8c1tFXBx+co0VCbevSHGNFSNJKf1OKWvUQFcSKcWpZzYAEGIOAFQwQxSfcjKIegO4ad6jbOhVjlsVjFgyRS.YOISVS.YOI9BYI6KFxYsirZ3laKKXBgEE6JGT3okMsyj3DSNMMovagK6fsz2UQaBmbCK9QvhG7QZC7wF5C5SRDqu27FL3kORosUW+o9zqX0noRO5WEGZaDkVH6bom.RTTPHw7uaFIqb.sYJdHMAtKYvOUXEoGkgh7wK5+wEaK4+sKIb6mPGmDe9LBCb89so1DjQatWjC3+V3JALj6YSMhkQH2FeHjYD0CNg1fd6BMXk03FlI6ave5cII9z6h8vEqEULwzPcs5ZJVa1GpI5HGKisrMSlrusMWgZpE4b95F1myW06IuGLiRaDeIs7iyPXV1ihsL9evaZ+fTzkjm7JRX4egS1CeaI2BQmbwRbjoRoR+2ezIgLk8wMU90URBYFSp4NKiGM9GL0ONIO92RRDHb+za7JmJ5UzG8d4pIh+9FRgFsjel6KEKxotmID66HI1+sKEeyrCgsv2PJvq+XX5hjQr2QxqTiUdNz3TXiFFoBHzplHMvsj3cZ4mJOqRxnBsNU2VmlbUeTo+e9PQkZs5pGfJe9u5W8uMgy7rOmOvufBgvLubofBlaYSFmJ10lc32Px.5pDMntgMU.gY4buDoixI4jz5PLW1oN9TKBe3IZ6c06LIBcspvCTZAoGkhiIUEZtukdez7X2k1xj8pBmP8VRbaDelmy1wGw9iCwqix3bpRWnxdcsXuBt9h0IAxvNu1T9.XcsFFPzTKmiEROVarXYshAYs5UFMrVaXG4ApzMAO4rb7RyRAY4mU47PZdkXYsxAXsi2cnYsSqJc1fxGkglInQaiOKBVCJaXeNoFjyDoiCQiJH.EFQUin3xuXfetr6uHfnpPF7QrF8fh8dRANtpd7z801iSZdCddir+ODd6tRAKb1SGut6dNmos4jJL27yOewBylAWeyrG0sd+tH8B3pkNjmCumC0M2B2GqnpzZe6CJWb0Zuol+Ke.64Ga1bLC+2I1P.8FxurCyP9SedEeFQOy+PtxOuROYt4nn.nwqT12z6h2sROk1sUgMzouVBrlfdBLdIi.Ikpdq8cNsdaaHuWUxYsJgl4jdJ1gdKY0LH0X+lJ+LNiUjMSOSLiQMMy9aEvxAKK9jpx6h9WhIDdGBI17j25ErzZoc0O.lg7dBv0e1kxTHJB5KB.ixHTStPl5GbhzMYuBqNKSYVyzC8oyd4RAzYcq3MA59RyriIzvbFU8eVenkk4LUQXUHmbgyPsT.H.OVfBDQxY0X6FRq93Ugx3SwUyBIdEzPmAlLtxS.7CBXGr5i2F+hK3vOjANdFJdT+9bimqyOdVSdWaGKWUZ65auVMgCkOsak3FJn4FIanv5735RkKN+BEVLe9ExmA+9YPGiWUhdh+QtD+Di5UnCs2UJrsANCDg5U1UiyN1uknwtanbj9lw0RUFyzW966W.zOf.3YQyZQNt4GjUqDhrf0UB4QnSqGSx93Hz2XuGZEPEbJanOwoblvshXAd1KwZA8olryymxuu4xADfyEi2UVIXndaSX7AJlqCsjaHafDvVPiPDPbNHGdoUNQ9MFSpt19eDTUUj6vuPwmXpR.6ruf0c3jReVsOtwCdPXVbu.0W.bmQ7HjrQg3UFXGe2U3JzeaVht4APCU4in2laU6UXFxfO0+J.q5eH2ueB8sDbotd5sg3SV9Uwms4PsVGkoG6GF.EtvA5+WVw2RwU9u8y9iCGyv+j+hPhItuSdwp2l7QA.ujL9snBC9jz.wF3iIUpzryVtbIdy5wjJTnvBkWnfnftX0Ku8IPuThQuTYeVWdeRr5EvO8DqWhPxHHRzSp.JzX4H4cvS0i94+wvTyjlk.0bHFMIJNh2gUXUs1RU+fM1bYVeCeLiB43eteExGFHTocRpBAoCXVv4KdjmKkuWv.MQLEl4B.T45h.pjyMOoW3gmviCYLlQ2cFhrIynx9D1QoteU1GDvctRPUFi3K3LmXkI3fKJUrvByleQeyUv2oPg7KTnXg43Mheao.GTK3ULnKPhav0kruAdNjH3Qewi7uDcHyoHIamap2+yGEvaPxVsIX538zC.VjgYLhWOz8rPOL+ByVXwRkVTjMYnKsT4WKB.5u7eC25U+x+cU7sZV.AYXPKCMLINygaIweX7vaKvtZZhxoBKbohiX3RL5ngEjTD4bI.zHN1d9JQ.MpuURfFwx1g.xwK9+aHwbHdmjk93vVPQjbCI.n9VatAX4kZ1LBLR2IA6X0ncwIdsGWBOlLfNz9HirQsMVo9Z3EkdJEkevT3b7mTgrB2pxjT7y3fha9xyNlKYPe+iEl2miCOmh0OlaZim+H6LuxOu4MkHeUpBaJYf4s3D+GOt8a5nVnWRvLKzBuwoaxTLntwSmyZMxbvID8JugXGJgoXD1eBGmuq+Eb8Ode41rHJ56Gq41AFu+dwNkLrAbLiuqHUcq5OsVFxInROBQeSIUXGqQwXtr+w7wcYiV+y7qiW+7YLeUoUqu1101J93IDKCDia4dtzQLnkOkQLTQOVPKe9vFvUf4lhC+wWXMhh9gGQQ1K6GOgph19v1aqGVjlmY3jxjnTvKPgvF40mGcjWATHur6YjBAGsjXv9nfmDE8Ub5mv7fKVmU97QmcMQfwtSfJn3BDnLwaCzacRp+ElU.YcK749cKDb6EQw+GUL9WQZtYKleg.A3uP9EJi9uKjgKRhoEtCR2KYgnGXBQHJwvCI4tUhHusIqne7FHeA6TYPfoxONPBgBYpbHbN27ousjvCgR9vmFS5ifVjHnhJHteuiGpjMMlzrytvbyOagfZ1Rymu7hEErcxzRgZ31onRiXnOgHYGM6STbfgJMh2mnvFHA.EsHCnnqI49AI5DBI5skB75AdRBR6ukPWQ9iVqxVm9HTCQNwyymvX3PQ5+g6Tq1ueXQtFwRLIPLTb3BZ83fhgpmmhgGu0ROs91OKSxbgJpNGGsPjCYzNL.dO4vpCILKtOoxbtcuUkvVFSTk33tMSRjB2jCrqPiruS3h6yBnuhzrNvXWZ8FmVStP1uvgs5WOUUtWRryBqdzxTQjR8Drcgf.8Yxf4AhGl2wJIZHdJf6cuJ9h4ST.YwAm3LCdPz3ThHL5jANOFsGKlviiLPxLOwu16S6dB0dQGZnnP4RNf7HBa97aKMinVC7f8cC1xb+BDhurWIIUJAW0icZ1yf9GEzRhWz3Ey72OvZikVg74ukddeTLXMkwUuDC8dgT9zAHXXC1OF4vvToXkGwH.7oQbWL8skVSYWCHXHhh6lRKsyi2o41.TvbaTMTfDhCz+1C8aMxnMXu.VlmCaIhuD2FXXxiB+pR1WUzxhaDLCGAfVO2ByWd9YmKbOjb9r+6TIoAGFp54rI3vvsDNwIPeyUWsYssi.940DW+HLrRUnb6yCSxjUmHrUXBoLZRVokcmHJgIVwtnRKqxOlsZ5z7GnwlATv+j3FwQkUvDUC39qIhDGf4FURdbIhLJ8MYJoUKlHQsvjC9E+z3iHu6vKpespLw7zV2kcX6f0IQIy+ZduYeuRjEegAR7M7FH1yhC3qt.6f5IwmpnPxXFq3JAEddPG23L+ud8Ot1Vm5RiM72TTtYmLYFKvFVrQ.HRJQObi+EHYe7oynYeCjVVPPCYdXHAMP1BSNa66H4+cvOzBeHJrYYD5Eb5iCYGSNgEiUwRkxuv7B14ju+wIaKPC+8zU.V2JFwpHyzcTqHEnyBU+FkRo7wIZypDt9Ee0w7VRberkDs4NmPkazaWC88ld3PmM6Hd6Z7oSOwkpVbXylcDiMiiuccUdKoZOuk5f1v10sjUUZ4h9h8jLYXdoWhBVlvg72Jj4hj6x4Yc8n15kWln8bXDrPx0jZ9rM19I01t9JCUEBcigdvWbDugKifAu2dqD2PmOXthys37yVnTBWi8a5wnBQH.XSjbF+HDdYfTQB1OZARBVcR7Ra9VCL4w6GdzDmgQGysJQRV.8cGZsTQQuXu2J9JO33XVD8Tjm+MNNl0HOUUKT3QSbloH81v+jrN4MS9ILxnMoCbptvSaUno35rZ2NeF+d8nHXuddVByV063S5cVjlp.ZHmzM0rwV0Vp5vmtpXe2ZSxQHCyL7cFZyjuh12atIzWmYDI90hf03oxeBecG9eQTwg0+OObyJz0SpYEuz9rwrxmF8TZGQsJeSos2biZILU7ANQgdNaF+FVip.ugT3WZmEJWpXX05WghkJGxN84KEQhykjnjG8UPl9uNiTj2PVRBsRTlgyjyQWbVZx4pucRLSsUdxlMGkNxtyPb9S4MFaXMzFcwtEIyuvbysXgxymwWvF9BEYHfi+xkDr82Kc7ovW4Pr1Lm02MXkmhREPxLAeW+plyBavf5+S76HB9bBtVxw64k62qK488f3zk7WJqjjROAOBVr7hyMewEmM3KSp6cDDsI8i96VjOBwrrn3W51HNNY7F7bmPSihTyvIYipd.no2zb4G2PEYfRlBHq1uqrM0O9+6D+udThpXxayziXGAhOEYThOoMGE2HZXMUYvnecIx6dHFrReaS3aKsADgaqmtADrzf1J5YNQCYgU0wmterC4iO7DNjiZjEwrVDj0AJpVfAl3SYiezNqTC76.dR8l0NYCcwEPcuXG5u7fy2gdIopJl1m0tsACzvGwROtwZGTBnpfnhIDHaBjAcLfP.xEe6AsrNYBEwUCS+XEJUFb9NEXWoUz6ejAlGveTuWxDg82DLgrpJPA6xxbJfp9d5ljufyx34HSBTLAFPKjaCjXb2i.9lCMyZxCnexTZfOVqlNYo.zuLTXte+bi3mSYbBkgACn+DHQ2Rpgqg0ZDCK7LMLfJECH9oLA8UweH3AcTznevr6OXWUEytHwoIp2ZQL+9I3uv6Hoi9gOHjbLOdkSjk4bBkpGF+z08G0VlT40OWZIPOYSSkCfHggr19GoO.XoCVoqAZ5pd+t2+IxFVSAZO8SfnXzNhXIhM4NBwD.xmMcYKhXD6FCrptwfdfN5F.DcL.cgp8weD46IuOVMXurGZZtAhXJVGMsPsYhRaueA77hDvu7ua7BX4XDvCcFqi1P86I0bP+95FVUbmASl.OcK8oGreDw0kKoRiENKkFr0VGyflaSbtuDxb.YanilscXWcvg5FlcU56XvHiORHvt8zzULSXIt+VCyQxKSRh3hscCeC+ubPH0..NHUTvlqwsQT43Nc+89NgE5mU9fuYP9qKBuvlCLyLzaHHGsCLgzONh1mXiRYwuNDgd3tQfAJkUBc+vems9VI7rJloTo9PVY687uO0KFP196VQwrg5.j.y2YmF6QSGGd06cr3C8xXq0D9xrRnr0rE9.z+i5BgpBpuJSnVaBl2M0phXG6WXiypxi.gA32vmokaJstLxtxfpFRToQHXqHJebxeKatWXYxOnym2l05.D3sVamnrQB4LF3gUbRyr8nMZ+MAWhNeEF6+qJY2tjeRSvZKJ1W76jjikaASUd4RwOU4AUNEEIXHq1+lDtJif4ehLWxvaWcOea2XkHNQZCbVxtLNlpy3YMQdLPcSwKe58slMZ62k8a+9iDZ+ZKvEYeFiE8I15k2hM52FS6kTuqs.YUUcYKzZYaqnBsWVc85UqCpq0FoR4WV8O64rhk652dtP.wR9J1mC8aaqDHeBaPABtFZtlXScwKBdcoBklaw7KLaoRkBTgrjy99rPoOKG.LN9iQB4rpBqZG+Azu95SguC6UGGOVGmb4cLImsUMjs5x0bjtBNWYlaM934dAm+hUCQaiul+.DSDzrqIswSWeK.1dl8PQM5idckPBnIAwuF1qIQPS2xUbyeSsmVaq02bqZfk1oZ8M8Y1krJcTXMTkiLvWCA+k8PAgqLT1N1Cp6LxUbpZFhXjPNuLyAB32gzpl8jsOtSSDNuaJ4.rIRsDvG29o6EHp6eTEmxbwlhmxi4308ULTI63f5ZRKWa6k7OXdIaIwiBhymOvJgr3U.HD9jTmpWPm2jvkghNW7B1w4r6FRa1D7Avi1UW1P3a61D+83cikSx8I3inegxyO2hkVf2Y10jJOawEQAtWpPByDtqurK8iyRclg5OxWmJj2mhkmNOwuTUEy9pxGsYKK4CfaP9dNw42ZM8CQOF5RkWf76mnP+47EI+jhf.AroeWDTEtmrJMvvk52GhBXPqEDcWKiA1tCUkasOhRagOSGQ2H+zysH4OKrP94WL+7EHsZa881SEttdaX.WuqzUVSi37sfie2mRvuwvKt8F5lqpJSWYjmRMp4nD7e8lVxFVd8RQmqWSqMSeOGxIdrYHeqJA8s+kOxuu+n7yeEQt6PS51byOnYi5aTKw6JAxpLpWmu2On2M2jEtrt99fl8UzngWw4XP7oz8MjX9beyxl+Vrac4eTrmRNnPcCqVcbE.I7D3N46+TffkisBm7Gh5uS.gIinfTosj3SiZ6LSl226vJiibOHSxan+hg9xxvnDiOQN7dzJWZwREVvM6AJgb.FvO+X9JYb+NukI6arscBbP9BFnhimDMGDgtndUxFzi9q12.CkX4i5KaZhmZk8x0wNbQHSNhclW1Kw+8o6xh+9zkm46SWHe84RHKdaoFJVs5FNOdoP3wLYNS3wK6D.M8isnGC9FRq9wbxsQV2mcLl9eLZ+eGoF5pG0uKN8V1GwqXlfq3lXYF51w6Ia7pzIlhT5C8dYC9adz5jCdcuLG7gCHIN1At2+6+3+x+hkU5qqJabZE9Ehdz+FIzB4c8JeKvEbSYr13hMO9MkrUt.rP8hMudSoO7qdFL54kANOlYcdwO2r3wAmaV4W6M2L2ekTknmaRFjoyMSmalN2jxfWgxfWSx6rrEyagcF2xNuj4.ym4kv6ifVK0SeflEKaihM1+JrMzMs7esrWdTMwKaBk+eCli8+uhTDagB4EgzecYTT538.CgPtIY69sw.h+5Fm8R3Owpzem24TEqITqM4G++P+w9lEb1jM7MK3bSVk8cbRMP0izj6g27O5bl.G6OH2QveFzmmXKXMmjm4o1vWd6tH3O3u.E9uwRVVx3uEEdhN7U2BRp0A1DjgABXPXx.cwW9HuaFRGM9wd2lf1m8Xay6VbbB4aXByi4ieN1nxZJ8P.yLBY7ZemPGx12K3n19FAF3eeFNbc48g7eaLseJ+2XDNU47196ZT6uqHUEpJeDWT4jJ0lclGoI3uQ3qg2a.l746dis3AUd2JqBgsweWyYdBvu3u4+zibtN6C.9C+S9O+n0zOrANtCzREruBCOQIvUyTsBotw8pp8sgHrqMORqEmmgWU0L2wA51J5ZGnqNf3HDqe3qkYNEjwQ98g6Vaydke8ZHAAa3Z37Azq+.USjdUaO1zDfWofvO005OfaEjcLgKiTe6YfVZoMdlmbaeKvzlXOwzGOQYEFZfzoUk60WAmSIFbdqts8mYXOKH2zT8cs+3iwVaEu3I3Lven7AzsdjJusKdga8u9RYT006Sxqmy8vWnlVam6+5m0QTmuwrKdjDakUufZq7E+leyiNNRakuYfrvUcomIvN4K+2OUj1I36+5mch+iGggz1HS0WY8i7dArMZdntQavOReu8fF.rzPfkRl+qRQZofu+qrVJWkJwttTSkd8Uo.DnXh3JmHwoo6dGW0ut5i7usqKKqh2XHNaFsCfFVMvHD8C7+xm2.+eU.O8cngpcQmIIp9K1L4sjZH+0DXleWm78gb4CQ3L01qoLdVtgc9tB9MaLeAQS0+zNc9+7nPlH+TckVPBBI1WkhOPQUcU41PL7.1ZCodKcM1ccC4pG+Y0leOgNtxxC5zAZve0+rJjtxedM5WwdLsErOT1hOqiWsxVaQNZoCIaH3cpYaCzxPbqh7kOZSMHR2ZwNFWwP2zrCZ3PnE2KYViAF6wCLcK7tnZxeMjdlUCiUZn0.w1SJsbLFXPri6k7aS21rKIQ+cAe+tnueWx2uK662y562y462y68ap.cc49XqjBQ8w+MnATy0Qy93mt7lIyANp+HEONSKWVYOWdwYCzUa6rY5g3w+MCtIX2UhTLVNWm0O.9F.um3rYewxFjktFomwmw5hmHt9577yHK9B6ZSAmfc7e0PGWPyB2R+aJormltgygA+A9ON1yj.Z7VRcTddSqAs1eCcLy6iHCim6ux1AXN03XN7HMloZnPYT0QWwYcZR8v3bUdGpqqqoS23EdWFHW.3vPY48PGP9Ro0KqVwetr9W8KprlhFT1f2S3PIKFQ408dRT1EfWE.7p6N2e4y1ctmSdJ4jYXzDKSKYzDUJ6w3gfTyvwxd1a+BFX2HSy+UcMFjMw6k4ayJvBtclWNtsy7K9mc2+CtamIwjL1sy73kR2NyzsyLc6LSBCRipCPynxEOF75RjPhAXDLutAOrkCoPiG6+N8Mg3xtUje1KohvvnxclAh.jgYID5fjCv75t6csXXke928+wecJrxu9Aq7csgU59Vx9hMatRgTriCK1wa5NGa808MKKEy3qpXFKdVhY7p+iCfYrxe+TLiu1gY7VLq9lBYLp855NtRJ5tcINZEx4Ob59ckteWo620Ew86JEzYJnSFPmEivM9WlB5LEzIAzYwTPmmJPmESAc9ZAnyxmkfNIOKOny+5+gofNecFzYwTPmICzY9hwVjkofNSAclB5LEzYJnyK7fNKkB5LEzIKnyuQ.PmaPNQiSQcdZPcVJE04qEnNm8bF04u6+nTTmuNi5rTJpyDh5rTznNq7m9d0RQclh5LE0YJpyTTmWzQcVNE0YJpSVTmuS.TmM2Y4TLmmJLmkSwblh47Df47V+CRwb95LlyxoXNiBy4s8UdsQEqR8THmoPNSgblB4LEx4ERHm2Mv4LXjurDoPO+ZHzyefyIFj+uvouXYzpyqfhMVK8TB5DcJA4apW5a74qMPRm6LER5cqDxIdcJjzW2fjduPVbNEZZzmxozK.vWQXfLf+p+4emJo3RSwklhKMEWZJtzWQvkl91elhKcHvkVUwv5nTboiHboouTnudfKc9Tboo3ROCvkl9xglbbohCj4eQ+uc59klhKMEWZJtzTboupfKM8EDMEWJGtzeag3R2oY5tkNJQkl9Ri95ApzERQklhJ8L.U5Wee4QSiaMMt0XhaM8ULKMt0DG2Z5toLJiaM8EO60i3VWLMt0z3VOChaM8EPK46lhvzu8x69md2zcSIc2TR2MkzcSIEU5ERToukzRC1afo0iMjQrW5KdVJfTN.ouuMfTpQBfXk7BFKF6viMSwkN73RuM6TuWQdwyrI2WGfjdofgAmS5oHGVsvcI8.Ax4m.WduX7rHZtu8rMVzn33c4caTE1RYWnJuOMjKW69jPC5xBnYsmInOhBI9a6GIdg7myPw+d+KSgh+ZGT72lOdju9hB+RA0m4r8zh5y.hpM6zwDxGmNswYx9Kk.cFn0BqqA8Mf8kMfaq2.gVbBSxpragX0o.6h7prONlqIy8Y4FK2Kxw9PDNYYbKlvI1zfMCGaGYogIzFzaWnwT.hee2FhVmdToaNOBB2cYyLa.sNT2XehAr8eOS1qHRE7TT7e3oUYuhT9oQ+SlkTU0ObE8d8UrmvgzMjq0PW8HGWjYuLsENi.mPVoCimHatsrhJ1.u4.y9H9bSslnFShFGY0kcChKvqrpbKj78nFx3DrbaIT31VHSUnwzsbMYi1pgXVhzHMjMj6AQQpXR0FaHiijOrmE2yNwzSkwnAROrfirrzkw2mJ4Hr3ah4gqgiO3SZSRLDGKeKDKa.m16t7bFkKXe5X58KwLNX+EhOVWQ6ozvRjv5ITbnO292WQpXd7UZZA6SAgbWTKJjm9mBkWLegBygLP2GdHk4oMnT9B4KgZvhKtP4EmGEMGcjRxKCAHzRCrz6Ia4FGKC2HIlatpTg7EKywNRREP+FS9bRtvrbY9YKTDcWr6q9nPJTfDeYrhgrLcLwJ9pR15x3kIb21N..2qUXDHzxlEMuSCR7nPXVuehTfX0c817l.tiF5M7j2bh.xRO3egV33R1mzmlOEe2VxpNCKzbscpSBoh1w34+LDIa1pvCPfPodiGC0Ul6ao2maoBQIL8trScnGZWBAa+4+pe03oubzooMMMsoooMMMsoWHSa5MjVdKzMPWM8z5JMoo9RZ531IMsX9xKBrsRdAi8RZxRG9jk9VdS3ROitdUs5cBlyvBmymazp+pzbF9ZWNCuM6hwo0sSzerhbEUw.B0dKHRAglBBMEDZJHzTPnWrAgldzbkBBcX.gVLED5oEDZ5Ax0qIfPKdNW3Js+mlBB80ZPnoGEWCGHzhofPSAglBBMEDZJHzW4.gNljyuRAflB.kA.Jt96RAXdRV+3UQLTkReO7SwPkdbLkF2xWwwsbdvk8jaYn+Isn4UCyqWkbEDWpQJPcDfWYqAFzIXAxkVOzZMeRqV7Ty8YkjVxr6v9PnAd5SH7IvKtaW68XERlLq2nF0pJaMWqpKm4+OPY04ck
            
            L 1 Reply Last reply Reply Quote 0
            • L
              LozPetts @LozPetts
              last edited by

              @LozPetts I think it's something to do with the fact that i have added the combobox and styled it using a LAF inlinestylesheet rather than drawing the combobox with LAF from the off. If i remove the LAF i can actually change the font via the font setting on the combobox in the HISE UI (as opposed to scripting) but with LAF active i cannot change the font (in windows) and i cannot set it to load the font from my project folder.
              Even on macOS it seems to be using the system font Baskerville instead of the Project folder version i've added to avoid OS level font issues (exactly like this one, for example)

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

                @LozPetts I haven't used the CSS side of HISE much, every time I try it I quickly run into some weird problem that I don't understand, so I just go back to regular laf.

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

                L 1 Reply Last reply Reply Quote 0
                • L
                  LozPetts @d.healey
                  last edited by

                  @d-healey That's fair enough - this is my first time getting into CSS, I'm surprised I even got it working haha.
                  Could I achieve what I've done via CSS using regular LAF? I read from either yourself or Christoph that CSS is best for Combobox's, I literally just want the font in Baskerville and aligned centrally - the changes I've made to colours etc are a nice to have but not critical right now.

                  L 1 Reply Last reply Reply Quote 0
                  • L
                    LozPetts @LozPetts
                    last edited by

                    @LozPetts Additionally, would I need to draw the combobox using LAF or can I keep my current combobox and style it with LAF?

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

                      @LozPetts Yeah you can achieve that with regular laf, I think you would need to use laf for the whole thing, but try it it might be possible to mix and match.

                      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 Christoph Hart

                        Actually the support for custom fonts was already there in CSS for the multipage dialog, but I haven't added it to the script components yet, but now it should work.

                        Note that you have to use a @font-face at rule that defines the custom font like this (this is somewhat standard compliant):

                        const var laf = Content.createLocalLookAndFeel();
                        
                        laf.setInlineStyleSheet("
                        
                        @font-face
                        {
                        	font-family: FunkyFont;
                        	src: url({PROJECT_FOLDER}Fonts/DigitalNormal.ttf);
                        }
                        
                        button {
                        	font-family: FunkyFont;
                        }
                        ");
                        
                        Content.getComponent("Button1").setLocalLookAndFeel(laf);
                        
                        const var Label1 = Content.getComponent("Label1");
                        
                        Label1.set("fontName", "FunkyFont");
                        
                        1 Reply Last reply Reply Quote 3
                        • First post
                          Last post

                        11

                        Online

                        1.7k

                        Users

                        11.8k

                        Topics

                        103.1k

                        Posts