Page 1 of 1
Hyperlink style in the Card
Posted: Tue Mar 18, 2025 1:50 pm
by VictorKrs
Good afternoon!
Please tell me how to make a hyperlink text field in the Card that behaves like a standard hyperlink of the Text object and which can be assigned a style (standard or custom without / or with CSS, as in the Text object)?
At the moment, hovering the mouse over the link in the Card simply changes the cursor style...
Yours sincerely, Victor
Re: Hyperlink style in the Card
Posted: Tue Mar 18, 2025 3:19 pm
by Pablo
The Card text item does not support hyperlink styles because cards are designed to be "lightweight." To maintain this simplicity, the card's text item's functionality is intentionally kept minimal.
Re: Hyperlink style in the Card
Posted: Tue Mar 18, 2025 5:45 pm
by VictorKrs
Thanks for the clarification, Pablo!
Re: Hyperlink style in the Card
Posted: Tue Mar 18, 2025 5:56 pm
by VictorKrs
Pablo! I had a great idea:) Maybe consider creating a "heavyweight" Card version with extended capabilities? I really don't understand what else can be added besides hyperlinks....
Re: Hyperlink style in the Card
Posted: Tue Mar 18, 2025 6:04 pm
by crispy68
You can use CSS to accomplish this a couple of ways.
1. This is more of a normal way. Right click on the card and take note of the ID for the text block. (ex: Card1-card-item2). Then add CSS code like such between the <head> tags:
Code: Select all
<style>
#Card1-card-item2:hover{color:#ff0000;text-decoration:underline;}
</style>
You can add whatever CSS code you want to style it.
2. A sort of unorthodox way to achieve this is to create a style in the style manager with the font, color, etc you want. Lets say you create a style called:
VictorKrs. Open the style you created in style manager, click on the custom CSS dropdown and add something like this:
Code: Select all
<style>
&.VictorKrs:hover{color:#ff0000;text-decoration:underline;}
</style>
Next, open up the card, select the text object and in the Predefined Style section, apply this style to the text.
This should yield the same results.
Re: Hyperlink style in the Card
Posted: Tue Mar 18, 2025 6:57 pm
by VictorKrs
Dear crispy 68!
Thank you for your help! When I get to the computer I'll try to release the recipe!
Best regards, Victor!
Re: Hyperlink style in the Card
Posted: Wed Mar 19, 2025 9:23 pm
by VictorKrs
Dear Crispy 68!
The first way works, but the second one doesn't. The second option seems to me more elegant, so I would like to achieve the result with your help.
Follow the project link:
https://docs.google.com/document/d/1i9G ... ue&sd=true
The link is assigned to "Lorem ipsum dolor sit amet...."
I would be grateful for your help in solving this issue. What did I do wrong? Where is the error?
Sincerely, Victor!
Re: Hyperlink style in the Card
Posted: Wed Mar 19, 2025 10:03 pm
by crispy68
You created the style VictorKrs in the style manager but didn't assign it to the text in the card. Also, in the style itself you didnt assign any font, color, size etc.
Re: Hyperlink style in the Card
Posted: Thu Mar 20, 2025 9:35 am
by VictorKrs
Hello, Crispy68!
Everything is working!
Thank you!
Sincerely, Victor!