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
Hyperlink style in the Card
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/links.html
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/links.html
Re: Hyperlink style in the Card
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
Thanks for the clarification, Pablo!
Re: Hyperlink style in the Card
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
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:
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:
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.
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>
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>
This should yield the same results.
Re: Hyperlink style in the Card
Dear crispy 68!
Thank you for your help! When I get to the computer I'll try to release the recipe!
Best regards, Victor!
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
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!
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
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
Hello, Crispy68!
Everything is working!
Thank you!
Sincerely, Victor!
Everything is working!
Thank you!
Sincerely, Victor!