form.php Modal Contact Form Button Toggle

10 replies · opened Jun 10, 2019

AaguyowensJun 10, 2019

Hello,

I am not sure if I am making a mistake when following the documentation for editing contact forms; however, whenever I submit the form, the site redirects to the form.php file but it only displays the code. I am not too familiar with PHP implementations so I do not know how to debug this issue. Thanks!!

SSemicolon WebSTAFFJun 10, 2019

Hello,

There appears to be an issue with the JS Codes. Please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SSemicolon WebSTAFFJun 14, 2019

Hello,

Please make sure that your Form is enclosed with a .form-widget Container. Example:


	Let's Network via Email!

	<form ...

This will definitely work fine. Hope this Helps!

Additionally, consider checking out the Documentation > Forms Section for complete setup instructions.

Let us know if we can help you with anything else or if you find any further issues.

AaguyowensJun 14, 2019

Thank you for the prompt reply! Unfortunately, I am still receiving the following error message when the "submit" button is toggled (regardless of text being in the form or not):

{ "alert": "error", "message": "Bot Detected! Form could not be processed! Please Try Again!" }

Not sure if I made an error editing the PHP code and files.

And I must apologize. I realized the Contact link was commented out.

SSemicolon WebSTAFFJun 15, 2019

Hello,

We have checked out all the Codes on your Website and you are using an Older Version of Canvas which is why your codes are not working. Please update your Forms to the Latest Version of Canvas including the js/functions.js File and the include/form.php File along with the New Form Codes from the Default Templates. Additionally, you can check all the Setup Details in the Documentation > Forms Section.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

AaguyowensJun 21, 2019

Replacing the JS files did prevent error message from showing up; however, submitting the form results in a designed error message with a blue border that states "Please set a message!" I have no idea where the message comes from as I am relatively new to PHP and contact forms. I appreciate the continued help with this.

SSemicolon WebSTAFFJun 24, 2019

Hello,

Simply adding a blank .form-result DIV inside the .form-widget Element should fix your issue. Example:


	

	

		

		...

	

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

AaguyowensJul 1, 2019

Thank you for your prompt reply. Your solution changed to CSS property of the error message to the CSS I edited; however, I am still receiving the "Bot Detected" message and are not sure why it's happening.

SSemicolon WebSTAFFJul 2, 2019

Hello,

Again, as we have already mentioned in our earlier replies, the Codes on your Website used for the Contact Forms are using an Older Version of Canvas which is why the Form does not work as expected. Please update your Forms to the Latest Version of Canvas using the codes from the Latest HTML Files. Also check all the Setup Details in the Documentation > Forms Section.

According to the error notification you are getting, you will need to add the following code inside your <form> Tags:

Following the Steps above will fix your issues. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

AaguyowensJul 5, 2019

Sorry about the confusion there. I was sure if I migrated all of the upgraded Canvas v4 files to my project. I have finished an unrelated project solely using the Canvas v4 with no issues so I did integrate everything correctly. I used the snippet provided above and made changes mentioned in the documentation to no avail; so, I just copied a form from another the updated template and the PHPMailer works! I just have to figure out where the style scripts are for the Message Successful browser message.

But there's one last issue (hopefully) that I can't debug/figure out. I set up a lightbox modal form and there is a double layer after triggering the data-dismiss class. I have two examples where I experience the same UI issue from a (slightly) customize version of the modal form when you toggle the "Contact" header link and a button towards the bottom of the page. Thank you for your continued patience and assistance with this.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard