advanced button block with additional href parameters

[Anonymous 112920]

Anonymous 112920

July 27, 2020 at 5:55 am

I’m using Foobox as my lightbox. I can code a hyperlink to have a form or table or other html elements load in a Foobox modal box. I’m wondering if there’s any way to do the necessary coding using the Kadence advanced button block. Currently I’m coding it manually in a custom html block, but would love to be able to use your advanced button block instead.

Here’s an example that’s on this page: *Login to see link The four button styled hyperlinks right below the breadcrumbs.

Below is my custom html code. In particular, the two hyperlinks styled as buttons that call Foobox are the Request Info and How to Contact Us buttons. For the link to open in the Foobox modal box, added to the href tag must be a call to a hidden div ID along with a target of “foobox” and data-width and data-height parameters. And for accessibility I add in an aria-label.

<div class=”cta-buttons”>
Request Info
989-275-5000
Apply Now
How to Contact Us
<div id=”contact-info” style=”display: none;”>[table id=92 column_widths=”25%|25%|25%|25%” /]</div>
<div id=”request-info” style=”display: none;”>[gravityform id=”9″ title=”true” description=”true”]</div>
</div>

Is there any way to do this using your advanced button block? Like maybe a field for additional href parameters?