Hyperlink in tabs element V2 not working

Hello

I used the V2 element tabs in Pro

My use case needed me to add the content in the tab and that included a link to Google maps.

So in the tab i added an H3, some p and a

However since each tab is actually a button element, the hyperlinks don’t seem to work

This goes in the label:

<h3>heading</h3>
<p>text</p>
<p>text/p>
<a href="https://goo.gl/maps/YPsfG39FCkE4UUnr7" target="_blank">View on Google maps</a>
<a href="#">Contact us</a>

what could I do to make sure that the link opens?

Cheers Q

Hi @quinex,

Thanks for reaching out.

That’s not currently possible. The tab navigation is only meant for navigation, any link added to it may hinder the default functionality of the navigation.

Thanks!

Too bad… hoped there could be a solution for it

But we have to work with what is possible :slight_smile:

Thanks for getting back to it

You’re most welcome, @quinex.

I solved it by adding the link buttons in the content area of the tabs so no I have vertical tabs on larger screens, horizontal on smaller screens, each tab is a location that, when selected shows a different image for each location and on to of the image are two buttons… working beautifully

Hey @Quinex,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.