After Submit Message, Spinner and Successfull / Unsuccessfull Notify

3 replies · opened May 12, 2020

Ppoyrazozer87May 12, 2020

Hi there,

Our URL is https://www.villabalabancesme.com. As you can see from "İletişim" section which stays at the bottom of the main page, we have a communication form. My request is when visitor clicks on the "Mesajı Gönder" button;

  1. He needs to see spinner on the center of the screen which could be lightbox around this spinner,
  2. Then green successful message (Your message is sent successfully) or red unsuccessful message (Your message could not be sent) again on the center of screen as notification which will disappear after 2-3 seconds.

Thanks for your support.

SSemicolon WebSTAFFMay 13, 2020

Hello,

The Forms currently include the Standard Spinner (which overlays the Form on clicking the Submit button) and displays a Notification (Success or Error) on the Top-Right Side of the Screen. It is absolutely possible to extend this functionality and include any type of Loader or Message according to your needs as we have included very customizable options to handle this. Please check the Documentation > Forms > Alert Types Section for complete list of Classes and jQuery Events available to handle Custom Alert Options. The further Customizations needed to Design/Style your Custom Alerts if your responsibility, we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy .

Hope this Helps!

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

Ppoyrazozer87May 13, 2020

Hi there,

Whatever I did, I'm always getting the same message like "Please set a message" or something like that. I couldn't find that from where I should edit this sentence.

Also is it possible to share an example web page that use spinner and status message after click on button? I guess we can understand better with that way because you directly forward us the documentation which doesn't make sense for me.

Thanks for your support.

SSemicolon WebSTAFFMay 13, 2020

Hello,

Apologies about the Inconveniences caused!

We have checked your Forms and codes you are using is entirely customized. The Default include/form.php that comes with Canvas is not used anywhere, which is why "Please set a Message" Notification is displayed. This unfortunately, will not work the way you want it to, as nothing is used according to the Default Files or the Documentation. The Default Files work just fine: http://themes.semicolonweb.com/html/canvas/contact.html with the Spinner and Notifications showing up by default. There are multiple examples available for Custom Flexible Forms as well: http://themes.semicolonweb.com/html/canvas/forms.html .

The Forms Processor included with Canvas is very powerful and is already capable of processing all the Custom Input Fields. However, If you must use Custom Processing Codes for your Forms, you will need to use a JSON Response, like this:


echo '{ "alert": "success", "message": "Form Submit Successful!" }';
exit;

for the Notifications to work properly. Else you will need to Customize the Entire Functionality manually without using the .form-widget DIV. Because, as mentioned earlier, we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . You will need to manually code this or Hire a Freelancer to help you out. If there is a bug with the Default Codes or something is not working as it should, as provided in the Default Files, we are more than Happy to Help and provide you with a fix.

Additionally, The Documentation > Forms Section provides complete information about using the Forms, setting Custom Messages and Customizing the Alerts. So we would request you to go through it as you might not need to Customize the Forms Processor at all. However, it would be great if you can please let us know which part of the Documentation was not useful for you, so that we can make improvements. 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.

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