Hyperlink with an icon

Issues related to hyperlinks and web site navigation.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/links.html
Post Reply
User avatar
VictorKrs
 
 
Posts: 333
Joined: Sun May 17, 2020 8:08 pm

Hyperlink with an icon

Post by VictorKrs »

Hello!

Question number 1
Can you tell me how to add an icon to a hyperlink?
For example, the "external link" icon: https://commons.wikimedia.org/wiki/File ... _Link.png

I found one of the possible solutions to the problem ( https://icons.getbootstrap.com/icons/box-arrow-up-right ), I tried to insert the code into the Extended hyperlink Property Parameters, but nothing works.
I will be grateful for the advice!

Question number 2
In the hyperlink properties on the "Advanced" tab, it is possible to add attributes to the hyperlink. Is there any information anywhere about how these attributes should be registered in this window? If there is no such information, then I would be grateful to Pablo if he would create a reference material (with examples) on how to add custom attributes to a link.

Suggestion:
add (using the interface, not the code) the ability to add an icon (any of those installed in WWB) to a hyperlink. With the possibility of placing it before or after the text hyperlink. And if there is also an animation of the icon, then it would be a real celebration!
User avatar
Pablo
 
Posts: 23694
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Hyperlink with an icon

Post by Pablo »

1.
You can use one of the menus to add icon to a link. For example, the breadcrumb menu, css menu or themable button

2.
This option is for advanced user. Any valid HTML attribute can be used.
Format: name="value"
User avatar
VictorKrs
 
 
Posts: 333
Joined: Sun May 17, 2020 8:08 pm

Re: Hyperlink with an icon

Post by VictorKrs »

Pablo wrote: Tue Aug 19, 2025 3:27 pm 1.
You can use one of the menus to add icon to a link. For example, the breadcrumb menu, css menu or themable button

The link with the icon is needed inside a text object placed in the Layout Grid.

2.
This option is for advanced user. Any valid HTML attribute can be used.
Format: name="value"

Thanks! I'll try to do it.
User avatar
Pablo
 
Posts: 23694
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Hyperlink with an icon

Post by Pablo »

Note that you can also embed images in text.
So, you can place the embedded image in front of the link or make it part of the (linked) text.
User avatar
VictorKrs
 
 
Posts: 333
Joined: Sun May 17, 2020 8:08 pm

Re: Hyperlink with an icon

Post by VictorKrs »

Thanks for the solution to the issue.
Post Reply