Print Page - Add Color to Clickable URLs

Support => Questions => Topic started by: phred on March 20, 2025, 07:45:16 PM

Title: Add Color to Clickable URLs
Post by: phred on March 20, 2025, 07:45:16 PM

Steven enabled Clickable URLs in early 2022. I now want the URL to appear in color.

The custom tag is called <Link 1> and it is set as a URL. In the Track Information panel I have <Link 1" which works (is clickable.) Changing it to this and it is no longer clickable:

Code

{color: 200,0,0}<Link 1>

Is it possible to have the link appear in color? Is so, how?

For reference to original Wishlist thread see this (https://getmusicbee.com/forum/index.php?topic=36011.0).

Thanks.

EDIT: Included link original thread

Title: Re: Add Color to Clickable URLs
Post by: tjinc on March 21, 2025, 10:23:18 AM

Not sure why that doesn't work but it seems it can be done using a virtual tag (configured as URL) with the exact same code and then displaying this virtual tag instead.

Title: Re: Add Color to Clickable URLs
Post by: voodoopunk on March 21, 2025, 11:11:03 AM

Quote from: tjinc on March 21, 2025, 10:23:18 AM

Not sure why that doesn't work but it seems it can be done using a virtual tag (configured as URL) with the exact same code and then displaying this virtual tag instead.
Strange!

Are you sure?

Show me please.

EDIT: I'm sure I read somewhere that no formatting was possible, where exactly I don't recall and can't find it.

Title: Re: Add Color to Clickable URLs
Post by: tjinc on March 21, 2025, 11:45:23 AM

Not sure what you want me to show you so:

Track Info Panel:
(https://i.imgur.com/82ddlg4.jpeg)
The default <Link> field (white) works as expected.
The formatted <Link> field (red) does not work (as Phred has stated).
The Virtual2 field (blue) works as a link.

and its configuration:
(https://i.imgur.com/FzljGIM.png)

Virtual2 code:

Code

{color: 50,100,250}{contrast: 60}<Link>

Title: Re: Add Color to Clickable URLs
Post by: voodoopunk on March 21, 2025, 11:54:38 AM

Strange, I can't get a virtual tag set like that to be clickable.

Title: Re: Add Color to Clickable URLs
Post by: tjinc on March 21, 2025, 11:56:56 AM

Have you configured the Virtual tag field as 'URL'?

Title: Re: Add Color to Clickable URLs
Post by: voodoopunk on March 21, 2025, 01:01:20 PM

That's what it was, didn't even know that was a thing.

Thanks for your help tjinc.

Title: Re: Add Color to Clickable URLs
Post by: phred on March 21, 2025, 03:01:30 PM

Quote from: tjinc on March 21, 2025, 11:45:23 AM

Virtual2 code:
Code
{color: 50,100,250}{contrast: 60}<Link>

Thanks tjinc. Apparently my mistake was that I was using a Custom Tag instead of a Virtual Tag. HOWEVER, now that I've removed the Custom and created a Virtual, the URL is clickable, but there still is no color. I copied your Virtual Tag exactly with the change from "Link" to "Link 1" and pasted it into Virtual 14 with the Type as URL.

Code

{color: 50,100,250}{contrast: 60}<Link 1>

(https://i.imgur.com/Qqz0vko.jpeg)

Then I added it to the Track Details Template Editor
(https://i.imgur.com/jzZbuUD.jpeg)
And it's clickable. Perhaps it's blue, but I think it's still black.

I removed the contrast part of the Virtual Tag and changed the color to 200.0.0 (red) removed it from the Track Info and added the changed tag from the drop-down and it shows as "Invalid naming template -- {color: 200,0,0}<Link 1>"
(https://i.imgur.com/qmvxBq6.jpeg)

So for the time being, I'm using your template for the Virtual Tag even though it's not in color.

Suggestions?

Title: Re: Add Color to Clickable URLs
Post by: tjinc on March 21, 2025, 03:54:04 PM

phred - you seem to have gotten into a bit of a muddle here:

You still need your Custom tag <Link 1> to store the details of the link - this should not be changed. The virtual tag will be used to modify the appearance of this data.

But it looks like you have added the virtual tag formula into the 'Override Label':

Quote from: phred on March 21, 2025, 03:01:30 PM

(https://i.imgur.com/Qqz0vko.jpeg)

You'll be wanting to reset these to Virtual14 and Virtual15 for the time being.

The code needs to go in the formula box of the New Tag Definition window (and perhaps change the label here to 'Link 1 Color' so it is easy to find):
(https://i.imgur.com/4G19NOf.png)

Then add the field <Link 1 Color> to your Track Details panel

Title: Re: Add Color to Clickable URLs
Post by: phred on March 21, 2025, 05:15:19 PM

Quote from: tjinc on March 21, 2025, 03:54:04 PM

phred - you seem to have gotten into a bit of a muddle here:

No shite. :-)

Quote

The code needs to go in the formula box of the New Tag Definition window (and perhaps change the label here to 'Link 1 Color' so it is easy to find):
[...
Then add the field <Link 1 Color> to your Track Details panel

That's what I failed to do. The few Virtual Tags that I've created in the past where -way- in the past. Obviously I forgot some of the steps.

Thanks for getting this straightened out.

Now --- I'm pretty sure the color codes used for this are not RGB. Are they HEX? What format are they so I can find an online list of color codes and experiment with what works best on my theme.

Title: Re: Add Color to Clickable URLs
Post by: tjinc on March 21, 2025, 05:29:38 PM

Glad you have it working now.

I believe that this is RGB colour coding here (HEX would be of the form '#C80000')

Title: Re: Add Color to Clickable URLs
Post by: phred on March 21, 2025, 05:57:20 PM

Quote from: tjinc on March 21, 2025, 05:29:38 PM

Glad you have it working now.

I believe that this is RGB colour coding here (HEX would be of the form '#C80000')

Yes, I'm also glad it's working. Appreciate your help.

Great. I'll play around with RGB and see where I wind up.