Clickable URL display that opens the displayed URL -> Snippet
-
Hey all,
I needed a clickable URL display that would open the displayed URL.
If someone else needs this, you can find the code in this snippet.
All the best
OliHiseSnippet 1103.3ocsV0saaaCElJIJHVacXEnWOv4KBrSCbryOMdqnaIwIYMXIoF0oc6tBZJZKhHSJPRYWih7Frmv8Tr2ftCEshT9YoMFX5Foy+G9cN7bTWkjxzZoB4EbwzDFx6a86MUXh5DQ3BzIGh79N+yHZCSgcrNXZBQqYgHOuE+MKCuJKgxd9me8.RLQPYErPn2K4T1o7QbSA2t686733iIgrK3iJo816cBUJ5HikoP9rneSTBgdIYH6bhUsE7QulniPdq4uEKby1sI6r8VaQa+Sso6RIsYzV82s4ljAga0lE1Ob6c1lf7V9nPtQp5YHFlFb5Axvo8hjSDt.7dtl2OlYIZg5AQ1wF0IhGG1MGbzHj2RcKfpEcP0y7OiGxuleAj88YBvEVTFz7V3gRoVOhTxqTJsjKkdpeOphmXJjXymuw+DATAGPfZS4TwoKZg+dQ+NRPCgowHxkriU.w0VTaylMWG2pYy5uLH.pOZCNQD+t2dJ9U3bqFxLcjiRjBfnVUm3pf9N0c5VMxXRz+7FaLYxjFQbMqQHab0WFnXCwZKV.teiMvcAPznjoFtfE37TCMyjw9sN10FjJnFtTTaX8fOETYLQgIPDLfWsoxoRJI9.YpHTWyl0UBpvGTKKF3WYSD4XlpZ8fJUFZcsqgql6ktQHQcoNFzsebJyZMKVy9OzcRD2joysCAMlSujE9fAYDzYKLDWBlozwRK7suhShqtNdyhb2BB.VZ.PPWqpE.qV245PEYx9w7gBV3ErOZxzTwRhsEtqQbvYUqVecLAdSgXprYV4S1s8hKD3mieLt6p5tJ3YxTMC2gDG2Gt9VpFlIHmeQQjMF7QVgDNoYDMxpP3UWE+iN5Yvo8HOCiyqhEmhqEHXoFEff4f2scwmJqbdgxVCORLD5tZHSXh+f0WCkVKbZApqxpvY8W.ZXaEqkefcO4GFrTbtzvdinV1AJ3p.7sEMXv8JydURIiiYp6UrcRo5gLrlHcTelZc7XhsuMWQXxvMG2r7W23Fp6lcIEkhSDbya.vwQerLNzNFw98cGNglMZ.95cmbHwPryqlwCzKgoLba53cHaLrgvM8ph+gL8kFYRltylmf7VwjI8I4y1HBVLhCgdEeWyE5iEKQ9k8lVlXBOz.qL789KfLhwGFYrT+.P0eX9plJKu1ZO+yVCflS4j7VTscRdGaChFuJ9019MX40cl4BS6kgovDiatBvtbbl.nPci4t1YqBn+ZZ4kmOh8BMev8Beso3S86xMzn6OGW3dxQnD9+QNNaa5S7OZv.F0TjfK4e7eNuqN+Bg2sIY3YDihCMO9mmNpGzJPYPzEP6k11jrfsM1Q2zRaQfdLQXFwmgmYBaYo8lIrUtPzHBUI+.0c8ztudkLNPNIx9elJvOVAz3Vnrqrkw4QvuO7AJ8lt5NFt47Z3VyqgaOuFty7Z3KlWC2cdMr8W1P6e2sepQNxcsAgNq6QYy377NRPfNvrtUz+tFj1nC
-
@Oli-Ullmann Nice, you could make the URL the text property of the panel, then the same function can be applied to all panels that you want to be used in this way. You could also use a button with LAF - this is usually what I do.
-
@d-healey
Yeah, in my project I use a button with a filmstrip. I thought the panel solution would be interesting for the forum, because you don't need an image.Oh, that's a good idea! :-) I have changed the snippet according to your suggestion.
HiseSnippet 1111.3ocsV08aaaCDmJIpn1acXEXXOyoGBjSCbrcRV71P1RhSxZvRRMpS61aEzTzVDQlTfjxtFEAX+8tm1+AcGEshkyGcCFq9kj6Kd+3c+3cpqRRYZsTg7pd0zTFx6K86MUXh6DS3BzYGi79J+KHZCSgcpNZZJQqYQHOuU+UqBuJqgx+82+xQjDhfxlqBgdqjSYmyGwMy018feimjbJIhcEeTIu24fynRQGYhLCvyp9MPoD50jgrKIV2VwG8RhNF4sg+1rnVsaS1cms2l19GZS2iRZynM6uWiVjAQa2lE0OZmc2gf7dxIQbiT0yPLLMxasijQS6EKmHbI3sbMueByJzD0CxrS8oxjH6UzpE0IlmD0snPoQvozcdYaUWY6a7ufGwuU+7x2Wma.OOhxEPuUVDdqt.7ZVFdMJAuG.RdkfzZNH8b+dTEO0L2hEOeg+YBnaNf.8oxPw4KZk+ZU+NRvCgo9Hx0rSUfvsQD1pQiMwMazn1OUsJzqzFbpH4Mu9b793hnFxLcjiRkBPHLvYN.7WwFh016ID5Vag6BEHiRlY3BVUmW00LSt5W6TGNHSPMboHbXspenZkwDEl.YxDy01zbtjRRNRlIhzgVDUoZE9fv7bf2eebPrbLSETqZkJCsGsiXE59itdDQcsNA7seRFyFMKQydDemDyM49b2TPS3zqYQexjLBXvBCwAvbmNUZKMGp3jjfMwsli8haVXfg8dSPs5PM1.UDcXvjISpGTykmHEYxgI7gBVzUfe2OLEKMw1tBhMlT8Ot0VPZBBpsIl.+kBnQYwb467cORW9vu.uzm8M0bM5KjYZFtCIIoO7ZtTqN2Pg948Z1X3Lx62PAIWnddiDu953uyIOqpaKFyZEEM64WoaMHXYFETnKpw28H9PYmK5m1V8Ihg.IrtLkI9cVeMv.tWg1VBuImUjaAJMV5aXws28q3lgkhKkF1qDg42tp2TEeWSCF7f1rOsTxjDl5AMamhp9TAFJxF0mo1DOlX45ENBSJVb7i+iO9o7zQp6kdIGkhyDbyqfJ0iMyDMa7.7eu4riIFhcl0LcfeoLkgagf2wrwvFC2DrJ9GyzWajo49NalBn1ja8YEy2HBVBhCSwdpuicgd+7kJ+7ASKKLgGYhuUweRNHlwGFaJ6R+gEqfp7jM13EezpEXoxIEbUscpdGKSQiWG+RKwCY4CHuu0u3Qg84CPIX0iXigMd2a3LrVPFkAieVbWgci5LCPGbgAz1gvBfENs7F2+2Vf7eEhO2uK2PieXLtxCfQnO+4.iyV69L+SFLfQMyA3Z9m9Ged1whbqkFdAwn3.Cy+xrQ8.dBkAYW.bP6KHuUrbcmbCqrsBziIhxE9H7alwlVYuYFaVXDMhPUx2QcuasK1eZtF.Sh7OBpB70XfLtIJ+sb457H36LdGkt3Qcu.asrAt8xF3NKaf6trA98Kaf6srA19eOP6mAdXlQNx8rAgtn6I4CB87NQP.FXNaE8OWtyQh.
-
@Oli-Ullmann Just saw another little improvement you can make. Store the hover state in the panel's data property so you don't need an extra variable for each panel.
Something like
panel.data.hover = true
-
@d-healey
Also a very good idea! :-) I have now also put everything in a separate function so that we work like professionals... :-PHiseSnippet 1184.3ocsVs0aaaCElJIpnVacXEXXOyZfEHml4XmKKdaXaIwIdMXIsF0oc6sBZJZKhHSJHRGWih.rex6eP2ghRQxWRVgwpdwlma7imyGOG1MQRYJkLA43c0zXFx4Kc6MUnCaGR3Bz4mhb9J2KIJMKAaEcxzXhRwBPNNq+6FANU1.k98O+1IjHhfxJDgPuUxorK3i35BocO5O3QQcHArq3iJY89GcNUJZKijiA7rtaCTLgdMYH6kDiYq4hdAQEhb1xcOVvtsZQNX+81i15GaQOjRZwnM6eXicICB1qEKnev9GrOA47nyB3ZYROMQyTHmMNQFLsWnbhvtAukq38iXlEMQ8fc1JtiLJvbDMRQsC4QAcySTJDDktEos0sosuw8Rd.+N4EouuNUAtvixIPm0lEdqOC7ZVFdMJAuk.ImRPZCKjdpaOZBOVWnwfmuv8bATMGPf5TYnXsEs12451VBVHz0GQtl0IAVbmG961nw13lMZT6m871YKbOlFqCY3275KvbQ5eiIBVjBqYuWiiSjwrD8zms0NddPoUAhDQFi+Eb9lLjoaKGEKEvB+pV0USC+N3tPRTiesbrlKXdVc0ULcp7Lw9CFKnZtT3Orl2G7pDaz00.BeHJ2lEoKkiULbaRTTefRUJToJxkWDK1M.bxhGDpYspTb6j4.NfMfK3l+p99OsuhCXdP73hH3DgyQAt7YwfkHIkDgIP1SGxUlT2EFImHGKBT9lhREuJ7A9oZCHZR8P4MrjZdUpLzbXsWs7s+XrH4ZUDv75GMlYbFJbr6w1IgbcpMyuCzHN8ZVvCsGifqvBMwBuTi5HME6iS3jnpai2cNjCmK+pFBT0Z0AViFxBJ+pSlLod0Z18IHgL43H9PAK3JvtEcKgEGY3qUC05X0OsyNv1TsZsswD3WJflDVP0YNxyGR69geNdki8sKg48P05E4YlZNjTRIi1RIdyMwOyttThet5sgejLlUb5VT+.BnIOoOe79vLtjIuHnUNSLDfdc3ts3OY8U.wXgBfI0d6R1+hfki..Bopgrpgs6aSbYe2kcjhWJ0rWIr4DvB77pFLXo5LsYRjQQrjkp1L.J4gbzWLdTeVx13aHlKI4FBMYmsys6824t7fEpsqWICkhyg9FuBxk223FTVqR3eu47Sgrnocelrt1NrbCDbNkcCLr017uh6oL00ZYbpsY8WAw5TsOIezfgzg3v.fG6Z6Ihdew73e8nokWLgGnCuSveSNJjwGFpKaR+g4Suq7ns154ezHEXyxI4bZkYfXaCIPg2D+BCaDYXLHmu0M+5j4hGvHX0CX2.OVXg4ZvDUYvXnu0riYMOFISATAmY1lY9k.3oSK+Xk+2l89oBwm51kqogKGiqsDLB04OGXL6EKOw8rACXTcA.2vsye8444IH6v5gWRzIbfg49xwi5A7DJC1cg4ACfLm0Lbc65Fl0lLPOlHHcwGguLkMMqcxT1LWIZDglHeG0du07lnGmJAvjH88iUfGxBqwMQo2kKmmGAOQ6cT5rgZAG2cUcbuU0w8WUGOXUc7GVUGObUcr0+silWPe7Xsbj8ZCBcY2yRaD53blf.LvT1J5eoJ6rlI
-
@Oli-Ullmann Looking good. I managed to make it a little more condensed and self contained, using the panel's colour properties.
HiseSnippet 1177.3ocsV88aZbDDdOatn.sopQppOukGpNbbw.lfsikarM1zXU6DTvIouEsb2B2Jer6o6VffphT+StO0Wcm41CtCaRZDpgmX9lebe6LyNy1MR4xiiUQDqRWOKjSr9V6dyjZ+19LgjbwYDquy9JVrlGQMPmNKjEGy8HVVa9aHfUwBjje+8yOkEvjt7LHB4sJgK+RwHgNCs6w+tHHnCyiesXTNqad7EtJYaUfZLvmMsqQBYt2vFxeICMaCaxKXw9Dqsrq8zVb9d6Nvyis6tdsZ05f8On4A0YCp0j0udqCZ1n4dM1euADqGbtmPqh5oYZdLwpvoJuY87USklOvaEwh9AbTnNoG7kMvcTAd3QDQIs8EAdcmmnhIPT5lk11zj19A6qDdhE3YouuOQAMyi7IPqMVldatD8pmmd0xQuUPIqbTpfgRO1tmajHTmoA4y2XegDplCXPcJOUL1R1XRA61JvBot5H1M7NQfvBObZTq11z50pU4vRk1YKZOtlp84z275KoBYxeCYRdPLUy+flFFoB4Q5Y+zV6TpDTZiAHY.Z7Qz4ejgbca0nPkDDbJaTWNI76P6BIQM80pwZgjWxnqZLWmfmB6LXrzUKTRmgUJ8mkJFh55hjvAhxGSizUpwwbZaVPPenkJWnRTLGOKV7I.cRiGDpksJWb6j5.0iOPHE3ei+kureYGv4AojPF.mH5bVPyeVPtDnbYATFj8z9hXL0cIhbpZrzK1AKJEKVrTQw.pShAdLMqpafv8FtWEP2P7Date4LOBNkwRkArbELDP4iuJiShluZBLJ34zL2EZ9n4tSe1JUzvD3RlX1QgU5ShDrfxaSaTynxb1RZaNhVd5zoUKSeBcYVVtR0HdX.1HZrHmruVG9rc14tPwIXGheZuH1zSBDCkbuqgf4fQbaJaaZYWnXGw8P693JZW9bEn62bfEp6luNhlzPYjNLu9zpyBKRkwJooPtDLVDOWND3PU3lk7c79wPV14tYoJF2SfgrA1E4XNaKXtR9Rkl+JogufJ5cUMXvJ0g2aiTAA7nUpFmnG84bzQNdTedz1zIrfw7EFBSsVdTn8mdTX9I0tlwH4LTIu.tH9JH87oleSRm8.+6MWbFTEv4moXcMirDHErNiOA1dYllVz9Ld7MZUXhsoCrf0k5DsOZ9rVrgfHfIpOz1Ljg7grEb+5wyxKLU3o8W.7Wri84hg957lze370gEevVa8jaQTnSSMcd+VLtgoM1cDS+Y5Kv9KB1DPr9Q648+3UEnUfW0iOgjcqDi4sE1OIl4tql.C+P3rQCInj+4VyB76sqA1xo7FGvzKu5CefPpBnIXo8M3NEIz8NK+CH9eae3WJEercWg10e0bbiUvQnU4qAGSeEwirOev.tqNifEr67Gecdx.wr.c3ULcj.ZRse43Q8fJsKG95RbINfYsAdcwHWCkwLPOtzKQ.aSRUVGksRUVetRxHlaj58tlq936TdXBBvIYxa5JBOtDjo0IIiCxmmGAOa58ttKGp64Xi00wcWWGattN9z00wVqqi6stNt++si3qZOYrVMxbsgPtp64IyRsrNWxfNvjtUx+Bw4hiAA
-
@d-healey
Nice! :-) -
-
@aaronventure
I have added it to the waiting room. :-)