Gb Headline Block Clickable Icon

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.

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

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. :)

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.

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. :)

Thank you!

You’re welcome Karissa! :)