[Support request] Gb Headline Block Clickable Icon

[Ian]

I know there was talk that maybe future versions could have the entire block clickable. That would be a great feature actually. In the meantime, is there a way to make the icon inside GB Headline clickable?

[Elvin]

Hi,

You can either wrap your <svg> markup with <a href="https://your.url.here"></a> and place it on the icon’s Icon SVG HTML under Headline Block’s Icons setting.

or

Write a script that adds an event listener for clicks on your span.gb-icon.

A wise man once said:
"Have you cleared your cache?"

[Ian]

Perfect! I have hard coded an href tag into the SVG field. Can’t wait for the feature where the entire block is clickable!

[Elvin]

Perfect! I have hard coded an href tag into the SVG field. Can’t wait for the feature where the entire block is clickable!

Tom is working on the Pro version. I believe that’s one of the features he’s working on for it.

Please look forward to it. 🙂

A wise man once said:
"Have you cleared your cache?"

[Karissa]

Hey there! Could you give me an example on how the code would look using this method?

You can either wrap your <svg> markup with and place it on the icon’s Icon SVG HTML under Headline Block’s Icons setting.

[Fernando]

Hi Karissa,

Here is a sample: https://share.getcloudapp.com/xQuqXW0O

Added the <a> tags mentioned by Elvin through the Code editor: https://share.getcloudapp.com/7KuQ50yl

Alternatively, you may also simply use a Buttons Block instead.

Hope this clarifies. 🙂

[Karissa]

Thank you!

[Fernando]

You’re welcome Karissa! 🙂

[Author]

Posts