TOPIC:

Modal Popup on Submit button 5 years 7 months ago #197172

  • Topic Author
  • marketing@imserv.com
  • Offline
  • Fresh Breezer
  • Fresh Breezer
  • Posts: 1
  • Thanks: 0
Hi there

What I am trying to achieve is to open up a lightbox when you click submit on the BreezingForms.

I have created the Submit button.
- ActionScript to Custom
- Actions to Click (checkbox selected)

Have the pre-generated function below

function ff_SubmitForm_action(element, action)
{
switch (action) {
case 'click':

<OPEN UP A LIGHTBOX WITH AN IMAGE FROM JOOMLA LIBRARY>

break;
default:;
} // switch
} // ff_SubmitForm_action


All I want to do it on Submit, open a lightbox with an image and text.
Can somebody assist please? I would like a Lightbox appear similar to the THANKYOU LIGHTBOX that is showing in this demo link

crosstec.org/breezingformsdemo/index.php...e-forms-feature.html

Please Log in or Create an account to join the conversation.

Modal Popup on Submit button 5 years 7 months ago #197203

  • MarioPuco's Avatar
  • MarioPuco
  • Offline
  • Ultimate Breezer
  • Ultimate Breezer
  • Posts: 5957
  • Karma: 119
  • Thanks: 558
Hello there,

This can be achieved easily with Breezing Forms.

1) You need to enable "Last page is the thank you page" option in form Properties

2) On a last page of your form go to Properties > Edit and add your image and text that will be displayed after form submission.

3) Go to form options > Advance > and enable "Enable one-page Layout" option. With this your last page will be displayed as a modal / popup ( You need to use Bootstrap theme engine for this to work )

Also I'm sending you a package with this built-in already. Install it via Configuration > Package Installer and you can see how its done.

Let us know if this helped.

Regards,
Mario
Attachments:

Please Log in or Create an account to join the conversation.

Modal Popup on Submit button 2 weeks 3 days ago #279220

  • alexwalker
  • Offline
  • Expert Breezer
  • Expert Breezer
  • Posts: 259
  • Karma: 1
  • Thanks: 2
Mario,
When I set this up the Page 2 modal popup flashes on and off very quickly.
I am using Joomla 3.10.11
Breezingforms BreezingForms 1.9.1 Stable (build 941) - Configuration

Regards
Alex

Please Log in or Create an account to join the conversation.

Modal Popup on Submit button 2 weeks 3 days ago #279221

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 11753
  • Karma: 3
  • Thanks: 761
Hi,

you want to add thank you page on popup?

Regards,
Tihana

Please Log in or Create an account to join the conversation.

Modal Popup on Submit button 2 weeks 3 days ago #279223

  • alexwalker
  • Offline
  • Expert Breezer
  • Expert Breezer
  • Posts: 259
  • Karma: 1
  • Thanks: 2
Tihana
Yes
Alex

Please Log in or Create an account to join the conversation.

Modal Popup on Submit button 2 weeks 3 days ago #279224

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 11753
  • Karma: 3
  • Thanks: 761
Hi,

I made a test, and enable one page layout, and on submit modal popup is there with thank you message, and it is not off until I click on OK, it works on this way :)

Regards,
Tihana

Please Log in or Create an account to join the conversation.

Moderators: ForumSupport
Time to create page: 0.050 seconds

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Special Offer

Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!