Style Value Popup?
-
@Straticah I considered this for my new project. You can use a broadcaster to display a popup anywhere you want, and it's easy to style :
HiseSnippet 1612.3ocsX0saaaCElJIps18GzBLrKGHDPFrWc8rSZ6FZWQ7xeqAsIwaNMX.EEcLRz1bQlTShJMtsAXWMLra1MCXOA6IZ6AX6MXOAa6PJIKEE03eZmuvPjme+N7bHOjs8E1zf.gOxnzdC8nHiqX1YHW1es9DFGs05HiqYtMIPR8wQSs5PORP.0AYXL+WnlvnzBH8u+dkUItDtMMcJDZeAyl9X1.lLc11sdDy0cShCcO1fLbe6VaYK3qIbEgf+LuYCjGw9PRO5NDEayYhLtvFNLovuijHoA.OqJbF1ou3E7H92mEvNvkpFzD0ATTzzn05ybcZmf0.DxXg1oHe9Hj+dlaybXilOMBbcMAbpDYiAFycdtTyovkLx3RKD4R2vrisOySlRQ4OW1bKNrfzk.g5rtRDun49oxlqI.N3x5CHGR2zGFLRhJ2sQiZX3up2ubYHbGHwGQ7wdb20YAdtjgsEdgd3GfSTQOpbMw.OAGFTwJGeVfVRUh6AID2m3FReiJIGemVI878dDWbP.H8SKVbE4lVUqUFW3u2rPKMKBsrU0mAgpLdnMTOjKXsAuGiSqa6SgrfU8EDGacQSkxuBLnEyw5dXKMXCvwhR8sTNiEwuW.P8oV1I10pF1hdj5imU9D8xTNCVmHkD696IF4paKBCnanjInRR.DzxZtL6CgOdn3Hn.9Cwq6S5ANZOkEhUX.NJZeTjyw3XB1azR6YLriyiY.v3.zrzF8IdaFxskLAehTZsxk6FyekQ.tFVC2pkeErRTRuBohyGB5XKtC8XH.m.p5L0D61MUXvMSDPat8DwNAH0HlTqq5vekLrebaQPdlpXcrUFVFVHKCsphuU9RlHR8ord8kZ52IRM5+xya.rAgJkyW3VQi8580KQu90Qgh5NvJU0LJf0EeNLpY4U5+KcFSQk.HX5HtBw0zfpVwt+KXNx9PUx4CtXGqTt5XkopXIoGqxfyRHXWtNCL6J9nE2DschNW+LYbfN2fSfcP+xPJr7I8CopRhxLtKTwgSRlFq8z4MPFV4RtBahKVDJ8BkvZai5M.8UhkIkJBsAgc6xfrA7Cd.1BOHvpZ4RkFIVQoV3OC2rQCPg3UvU1lH6W2WDxcpTDuUw2LVq36gqDu+giHDP5dhNRenJsP4vebrMpgWpdiHsDnRYKQcCn3wAibnXJLbMbyYvdO7kSYXalbHkUd6CiGpTyjBLmUeWDIUZYBs3h4r2Xxu9nlJzEYkEmXirGEncZCEiKfWMQUuXEmPOglHP9NIETNwXJtqzbV8Np7saM9vnhupQUqKBIMVvGQxdyoSVqXu8sB5pc9J4Skg973Mvtu5.hSFsKnfuiPR2kWQuSW4SJiySpa2BoEeXjKroYQjUMp6edBVgGN3.pesnyfGwHzI6oaO9BSV6w1QsikgQAeKNStqGMd7lBWGUaupuOayzn394f1pmO1Cguj5lpuVbS0cbYNTeDCTxEM08ThzNe7ERZ8Wu7OVAMwBuzoDFg91eq0jK7x4D16WZgdxVqSjD08BhwBfOOpujoBiFqSOBtXUzsDJYtNM3PovCh1i5HDldrv83QF762u0vzAjVCDNfnuu4NB+ADW1KoNso91fZgaighptTg9EQCXNNtzjFLRuK2ethtUhzI1pUT2CYmAkwauxXiuodKhWj2dYyM8oeWHkaODbKd16UNfjJ7O96sfFX85.fJ6cWS.koIbZRAvxPut7qslRXc4wtxm5YeywEAqKXpuk7zAgAAE.g+4egeq7ySKDtXDDtZxcQIbpqFA2vLWWhJrXZ7CPnZn5CFnpXaYZrDLHwNlFe.L5njRe3RzFYr2kNs8dL4fQ1KWCmQ1S4wCS93brmGwGzeFCcV+W06J3.lMqubSLrMxYuQ90M2V3D5Rjm9ABTuDRLAUvN6sxU27lCKBCytTMEuZPiy8UClTW7FlsYR69E6iyUfOBa77+gOF+VKW0bitco1xTGbAyM+5Y8gUFi4+J3nR3bU3zZec4wNgC5HBgsy.qygj4.UFxbpCMhF2HIYpCk6nGnJbhI1TM1HlXyDhP4osu341Qa3qdMmKomA7It9wqJYtsZLtYtc5gePgJ6411mVUmQvklUAWdVE71ypf2YVE7typfexrJ3mNdAUu82mGJEChJaPnsaug9jYCinKlpyVQ+GJBlKx.
Edit : as a Bonus, you can get the helper function I'm using to display the values correctly depending on the knobs' modes
-
@Matt_SF Ah that's cool, I was trying a similar thing for popup tooltips.
-
@d-healeyThat's an interesting idea and I though I could try the
callWithDelay
function to display the tooltips at a static position after a delay. Here's my attempt, just for the sake of having fun :HiseSnippet 1664.3ocsX0saaTDEd2jrsX2VDUBw0CqDnMRFK6jRA0JTcSbB0pIol5zBnnP0jcFaOjcmY6ryjDGZum65MHwS.uFHdGfGfxa.uAvYlcs2MNNMoQz8hHOyb946blyeS5JEgzzTgzwsx1iRnNtW2q2HtZ3pCwLtSm1Ntuu2l3TEUhx1ZkQI3zTJww0c9u1rgakEbre+y8VAGg4gzhsbbdpfER2fEyTE61s0CYQQqiIzsYwkn9Vs5DJ3qJhDZ.Oy60vIAGtOd.cKrgr47bbuxZDlRH6ovJZpi6BqHHi5MTbHOi9mxRY6EQMKZ5zCDT11qKhHFDa10Y0grHR2w1cpCHktEdg4y7Ben2lLBax9EdiOvd.pfix9C24NI7l+DvqYY30nD7lAjbKAoExfzM85EJYIphSL34Zdc3vkSeL31KCkLZcl6UW0aUAPAWUOFuOccIrXBGA2tQiZH3OKd2pUAWepBESPeEZLGgRJXHahk6S.a3wTNgJox.f5XR8TppmZTDsMVgCp9SUqrNvUO1wz6fZdq5MpU8kERs8Zab+uGDbyFMZb278N.KQI7n1rzjH7nthDcRIUOfpVUDmH3vh.+onyGj7TaUm.vntRHhTrjN.POBD1m0bBBLZafL4gbwdovI6La8XNto+h0phl42YyzRWFlV1ewcm.vbnavl+FBIMFwRR0wHBDlHQoLEBRBT0PFpogJpRKQXBKgkFx3CPzHFbHb4CLfnLcZrffTTPeRDiGBwrDMWgzJTDdOP7HpJSzTTLd.GivQrmqw08qUsB7g7ehBQ4rXPGnXl4GG.Kww0POWyRQbQpRpIH5QTYHCB2YBNRGEgiCEYZvPDDtaznUzfoA2ITLX.w.1DYFBnRUgNaaDMVqnHlTCHKy1YbjjlHoCswefi.13.QjNwjkAvBrbDjPPQgPUkwdLv.0n95ALrBwM.CkfkvBsrtuwo2WyCsfljEDscl6OfYBcVzDNOc.VendUwEHX8zZl3YHT7kkCxBghkSESuFe.iSyylVQJvjPaEUSVCB4yH92A4+TbjllhxYkJ8MwS9X4fT3zc7CGqY+ZHe5AleradF1TJrNVovgC2VLAraJzoz0L7jFLNG.jxpQrv8ge7.wAP08OE0VhG..cfQC4BLEkkvbPF3.GO3GGmAdZESHav.CiClluUoOIY8b+7ERn0JcuDLwhqgr1Kbo.YSUrYYFGMKOIerEU2twi5WvHfQCwWjJEVdyH29GVeTfUq0GZ8Nu3EYfnNAbRKZIoxor+PbTz2xTCaSgsBr07pAWcVY6uasoB0xQGMJklIu2b.WeLPnMhyFxMK+OTQdMNFZv7MZplZCQMAHSKWfrtP6L0iEZEDWFL1kGLvF2a7sXvknFxRMEs1P.10JBMmjFXTskfCABv6rzt4KGZWtrIwpBqefk0S6l+XSE4Egb8rtGaSOBxixHXmYyxtF8UoZIFxAB1bv.yswgiaOYEWLIy4LILRv2RnnOhGXsMHUEM8Q86OyyLkskhnHS+tYbrYxE4ahw.tNdOprVVX9DBg14mbFAuydFgxivDl0EoDgBdGNS8nDJ+rFrwIu0CLOw74nB9kxNMw6mOMQuHFTT0gACMbUOa6OGKfymJq0ee7ecOmKLyKcBlcb9weq0Em4kmh4jeokyS5XFuvLPTts.1WBUpXFWmaa5AvzkYiGUwqMMcekHA7vSxZfAFyT5MFO7DlSir57ldSkW3bDbY3VET7nw+3PFQMzr32gECorACKMEKyXZSzSky0sdTAq+PqQSV7GQsf1g.qej2VBYLzq7XJoKzUEDKL5qSptee1Qlq3OwIlQHQztBXZ.HVqPdu9d4Hc7FcZMMZ6bBzd8y8dr.suNYVn8ZdqKgt2Td3H.V7xCwGiKX9m+yVPCgDyXgkenvXixyC8fiOKyJ4Wa8VZVW6bivJPVqimkYcEO6SRd6Lg3zyxDZ8pKjIb5g8gmYHH5Hr5ju8v7fq7CLpo7.+lg54f5GUFj+u8fjKJDuoWWlJb3rw3by.iPp86BLl+Lta3sV+9vzxE.bAu0+t2MuYyIqe5fMwJoMvXKcbO3krgTP6bnrioXu6blxxYqaXVa7.8fAasK9W3K+vll0t4G1b7gPfYnT7rvrRplGJ9d1c.LwsuQtB7XcXMp4T0RgOHDk8rvvSJpSw3RWVFW9xx3strL94WVFu8kkwu3xx3Wd9LZ92JbesRDmk133rY20r89bcyFpyFs57ejgElHB
Edit : even better with a
fadeComponent
-
@Matt_SF nice, I prefer the tooltip array to be generalised up tho as it gets unwieldy remembering the ordering...
HiseSnippet 1657.3ocsX0raabCDlqs2zHkePCPQOyrnsXEhphjcZZgcChhsraDhsipkSZKLbCX1kRKgWQtcWt1VIw2aO0KEnH2JPeQx0dtu.4QnuAsC4tR6p+h+AM6gDQxYF9My7wgCcqPgCMJRDhLJra+.Jx3pls6ykdq4QXbTyFHiqatEIRRCwISsZ+.RTD0EYXL+2nlvnvBH82+b+UI9DtCMaJD5oBlCcSVOlLa1V0eDy2eChKcWVubRem5McD70D9hX.OyaVEEPbNfzktMQI1blHiKstKSJBaKIRZDxXgUEt8a6INhmH+SYQrm6SUCpgZCFJY5MD9tJDqlEslGy2s0.+NBAVoUVTX9jnvGYtEykMb9rnwGpW.moQ93gwbiBu4GAd0xCup4f2TfjQNHsPBjtgYamPVfLaEEdthYSNjb5PfvddnjHKZte4xlqI.I3xJ8HGP2HDFLTC66VsZYL7OkVoXQHzGIw8bw2COPCmPJ3HaQBOvE7gcnbWZHMzFjtmakHprsruOsAQRrK9xhE1.zpM6Ezkw0tSkpkKdRlUar9lO3G.CWqZ0pqjN2gjPb.2uAKJvmzukHHNH2V2kJWSzKPvgA1ViImEX4wlphK.iJtIyHoGKAaYwIVyPPoP3KYAMAO5XPxOu1PnpfU2vfGwEOOBVYuoCH0x0rJUtHdpeyVoEuHJsjUo8GBvTnqv1KsTBpNcXsbp0Kis1kErKD.rvKisdHjvhvROpVMrRuNhP7AfrUWz5jxEK.e3IrSsyicpA14ZyvPKcdLzRVmnbyNwbGISvwoYycSbXalJYURwzFOk1AJkjExjgwzxJpFvRNIeZ0ApiMFcacdWFmlRzWMTPbczE6TDZL1h4ZAX9oD+X.zopRCsTYPKRX2HX08rbFryJekdn5G6mR9GaCqPjRhi2thgfcKQbDcckNQ1CXcfUVym4b.7iGJNDJ79Y3Fgjt.P6p1gTCFgSnnGl.NFGSvACNbL4F65tICbLN3ZV5M8IAajFmOSFsbt7h8POtLV6uPRA3uEz7ZUflkdrZfGUQOwi6joHfQkvPp2lcupqv95TVcEeJuqzaE1stUIsDP1V8erN1oRrGa+JCHY3adO7PSpN2XqxXkJknSAHyKY7X5JIiu8sgSXQBeZkfPltpRHvBUkJjhksv2BmaGRorkRU8LTrYRkWIIfbRwYZgwpBoiRIAlhINM1VGeq3o4Au5UIg6Jt.cHI7TXhLsCw2+6XRuFTXJacg2x.IUaaq8KO1gpz7.0OhlFt0V8ce.qCADWeBqZp9ENyUiShHmLMNJbgx5bBb+32FSio5iwpCQiaZPrVvswxcDwP1kZOfVZ2UWaPw+Hp7gGKRQI1T.QjUEwb2HaEb0BbDH.YuE2Ocnmd3RpgEKnnZJcmvEtYhO.rKXaJLAaBvEfmtixnllgTfnPxEnJZh8LE5D.MYxk5CD0JcUTfiFbwr1J8bUk6JsxvSoB91BI8wbacXApDhGeoNcl5Zp6gBE99pa5mxxpd1BeWJZyi68bZX4jpHCEDZjYztiLmc2Q4adyI4ZwbBJ3M4L4iCn7Y0RGJ8tTnSp4SQE7KotOpqm1GUaeFzNChAsK8Al5K8PZ.m1O5e75W+W2GclUdwQTFg14Oqe1UdowTN32pidRSUiUpVAS8Ev+BngRlJzYzfdHzWcRigELaPiNPJBfH7vCofoS1zqMnsQBm5q2yaXN1QJzwY8f+I06mevQLWo2vIdS25dTVWub8xype3fzlw7nbaegSMZmaW+wb65a7q2S3Bp9wlaKB6Q7gVJcaQCc.yBuE.EE2oC6XUl+SQ8Xtt9zVhHlhBlYu2d+QANp4D.uY87n8pmZ5MCsuMXZn8JlaDR+oXJ2oO.Kd9W0zijo7O+20gqgCT8Im+kSCbJSS7Cewrbqfeu94zstxoR7xPV8WLM25Rl52nc9bgdQyxEp+qmIWXxW+.u6R3F6Sji9XL0KPSWPsM4eAj5UNbX66mGj+u8BsyJDugYKlzwa5XbtofQ3D+6CLl9t1qYtdmNTGYF.Wvbiu+8yiXQI2P2cKhLTSL1NtWa3o8NTX24P0H0c.FyopVmLtpZrJBzFdoodv+BeoKVSM1HcwZCVDHlNghm4jToU8x4KqmAvDW+GMnf4Vpw3ZiUhE9.JJ6YNNiZpITbwKphKcQU7NWTE+hKph28hp3WdQU7qNcEU+cVdPrTzK4XCBsUq00WIZXjzlnlsh9O.cSZZj.
..tweaked it - needed the init set up.
the fade component screws with the logic if you move around too quick...
-
@Lindon Nice tweaks, that's much better. I noticed indeed after posting it that glitches could happen in that case.
-
@Matt_SF Looks like I am late to the game but I attempted something like this while trying to learn braodcasters a few months back (no fadeComponent though and the single panel/label, that is a nice touch).
HiseSnippet 1688.3ocsXs0aaTDEdbZ1RiKshJg34QVBvtMJWJskKgPcShcIzbwD6FApppZ7tisGkcmwr63j31Fo9HOxa72AweA9CvOAdgmgyYl8lcbtYA6CQdlysu4baNSZDpb4QQpPRg4ZMrOmT38cZNTp6sdOlPR1bCRga6rMKRyCo1sVaXeVTD2iTnv0dJtQg4lkX99qGuFymIc4YaQH6qDt7sDABc1tMp9LgueclGukHHG2On5ltJ45Je0..OWyYIRel6Art7cXHay3PJb8ZdBsJrolo4Q.Oqo7F1rm5Hok+8EQh19bbwxjlfhraSVumv2qQxYMhPJLairS90rm7OzYagmHc+LOvGXHPyjHuOnvLmGjV9J.oB4fzrVHcGmltgh95LJHdtoylRHfzgAt57PwxKYlueNm0U.GR8BArC30CgEoRT9QKsz7T3OUVoXwEWb29ZgRx7oQbsVH6RYzt9p1vFc.oJBwiHM8PVH8olcqqjRMcUZMYWgju.HT595xk.WVHXlRVU2Xflx78oCgvI8.opcDkI8n9r1b+HpPR08DvVggrgzx5d7gTIm6Q0JZatkLmFAQdpJziGVIGVdt3YF0sJ8EIGztb85pf9JIGABRd4RUlmVbN7id1bc+RUd4JFtnT5HlXKKNOSaXniFI1FzygMqUJt3cAFAOC8GUCntLI0Ww7RNph.HSmNHBCB3ZWUP.nAvinFXvjfA4QFWXGUHHppO3n7UGAJLC2cD9AQZHOXSTcMX5dvInzaZr2teWs0a8p56t0F016DOAyeg9xtkVoHpqxBfokVgJnechucAetrqtGr28tWkhuoH3cRH8BwKw.e4RGI7z8JMO8AeYkUn1uIxWOtnaOcBiSjkQgMv5oOGPR0jjTNHnIxWDHzxXV8Y.BQz97Psvk4CLtTLfmHmQ.O75LWnnFYcgGhf9jh2cwhSvYYyRF2aMWBgTkxglDX7COZL+HNbZl.SRjEOfGc3fIyhler11gDw1w0i+lHuXEL15D3rTVYJVcdRwbo5FoVKDREcsM5SKucC4PSsbjJiIBkDdk9Jpo5wJK35wsYgci.BunjaR1OZX9g3OdYwSrMEnOQqYt8LY3syYSnpOULZfZPDmZjLp33vaAlQCsToEYairWyvc43fIX3m.sdVG5+zFtCASNr.9SrPlZjgtk.znLsiU5ZSE1XPbB.wyKQf357T8AlqIWmzqCNbdhn99PiNrOH308GvQL0YfzE6+VN8rOu8XmTxI5PKa1XAuPVW5aeqk7B8TGhsDQVrLheWpR4DlyDKwNY0AzUWMKZTYDFGUL7Kj20bpZNnSGwwf0yUO00TOYHTJt9cbQM9B3hCIz7KMwySM.JDZovJaY2LuCpv8QAJWAKho2KmkWgBAvVPLC5HzFBgBoGTsC2ISgKioAL4PpG2E5x5S6qDXl03vYhEaPTJGDmvgnMTjbvnaeRwQ+k8ufl4+2EwNKvNt22rckb3NARIEjaJEZ35.wq4lL93T1iDZaQp4h6OkJg9HQW59eSE.OoXR4.UI2Qo46JKaZlBTniSpSmIRCuCNT46CUjShLNuY34IXYaxSbLOkQXfrQmx65Wto7bsiDjiQkD8261mGuttx2CmdC+8omIjDOSALc3LwHDXUalM71wyF1zW.iGQDfRdOGyfODC3imq9c+9e+mOlboE99iHLgn+kpjmu4FLMCmPMFN.D6iWlhdhBavODFw2Nu5bNaviNPq5CNrz1yfpuPDebpAeWmpCydRv2TMP4Ah9QN6nBCLYodM3gtfZgwBH1VKn26iIABOOedCUj.CoYpvb5SgxMuvyeFTH5QgBloRJ33z5HEwBqa5TOj+SC3R2gf8k4eJS.KSQ+7eTEtWneS.84etTB5cbne6qm.9Kfr0+WqlG+2vh+aEieSIlA92vwNPZN7+acyi+VUSlAArnQ037AM0C8MAt83cG3yBI1CYRbIYDB7cgYiPPtJH5r8nWIDYc6mEdN8SmfGso7.40i9RN7IqwDPub9mOgOQRBd+g4iQWgm2sz497tKKDuiSCg1s2jw3LS.iXug+GvX7ihukSsNc3t5L.NqS8eXZeA7EX98fW5.22uMCt1GqK1AlsGlz00b4qDtKAySlAaKZWuTRdSStzyr3efuXhKiqKDSb4Dhj.lan5Ut19g3ytugYG.SRSd0bNaiqoKOViP3CpPEux0cTUcJAu+zJ3mMsB9foUvGNsB9noUvOeZE7KtXAw+IMOYfVEXKaHjsaTybwUgB0rOrByVI+KPyJoQA
-
@Matt_SF said in Style Value Popup?:
Here's my attempt, just for the sake of having fun :
I'd pull the tooltip from the component's tooltip property rather than having a dedicated array.
-
@d-healey You're right. Reading your comment I thought : yeah but the tooltip field in the component's properties is too small and it's not easy to manage medium/large texts there...
But then : of course you can script them... -
@Matt_SF I think tooltips should be as short as possible
-
This post is deleted! -
@d-healey said in Style Value Popup?:
@Straticah I don't think there are any other properties you can change. The popup should be horizontally centred by default, it could be that the width of your knob is not evenly divisible by 2.
You could instead create the popup using laf. In Sordina I replaced the text label with the value, but you could place it above the knob like a popup - this means the clickable area of your knob will be larger though which isn't always desirable.
damn that's beautiful! brilliant usability and clarity