Archived topic
Using block button to call up a modal
1 reply · Started by Ian on October 2, 2021
Viewing posts 1–2 of 2
Is there a way I can use a button block to call up a modal using a shortcode? I have fluent forms and want to call up their modal from the button on the top right of the menu -
These are the instructions from Fluent forms, but I'm not sure how I can use this with Generate Blocks, https://wpmanageninja.com/docs/fluent-form/advanced-features-functionalities-in-wp-fluent-form/modal-popup-lightbox-wp-fluent-forms/
Hi there,
it doesn't look like they provide an option to do that, the whole modal and button are wrapped in the one element.
Simplest option may be just use some CSS:
/* Center align button */
.ff_form_modal {
text-align: center;
}
/* Static button style */
.ff_form_modal button.ff_modal_btn {
background-color: transparent;
color: #fff;
border: 3px solid #fff;
border-radius: 3px;
transition: 0.3s;
}
/* Hover button style */
.ff_form_modal button.ff_modal_btn:hover {
background-color: #fff;
color: #000;
transform: scale(1.1) perspective(1000px);
}
This archived topic is closed to new replies.
