Form thanks / error messages

Is there a way to display the error / thanks message on form rather than redirect to error / thanks page?

Here is a good example about “inline validation” instead of delaying errors - http://goodui.org/#33

“When dealing with forms and errors, it’s usually better to try to detect if something isn’t correct and show it sooner rather than later. The famous interaction pattern highlighted here of course is inline validation. By showing an error message as it happens (say to the right of the input field), it can be corrected right then and there as it appears in context. On the other hand, when error messages are displayed later on (say after a submit), it forces people to do some additional cognitive work of having to recall what they were doing from a few steps back.”

Aaron,

Great question, and Percussion does have the ability to “require” certain fields. So I’m not sure if you have seen this feature?

Take a look here: https://help.percussion.com/percussion-cm1/manage-content/widgets/form-widget/index, and look at the “This field is required”.

I believe this should answer your question. From there if you want to highlight it, add a check-mark, etc, you could call the class it creates, and style it accordingly.

Let me know if that answers your question?

Chris

According to your page https://help.percussion.com/percussion-cm1/manage-content/widgets/form-widget/index, is there a way to move asterisk up front rather than behind?

Current: * Label Name

Better: Label Name *

Also, I think this form need to be more flexible. For example…

  1. There is no placeholder and would like to have it. Say if I were to add Phone # in the form, in placeholder text I wanted to show like “xxx-xxx-xxxx”. For Name, “John + Doe”, something like that.

  2. I want to have the ability to customize the error message as well to make it more fun than having boring message like “This field is required”… (no offense!)

  3. The form widget lightbox is too small, make it bigger. Very difficult for me to drag/arrange stuffs around.

  4. Need the ability to untick the width for each input element. Right now I’m using style to override the fixed width. (I know this form isn’t responsive).

  5. Please add the Upload button which would be super useful for people to upload PDF or Doc file type (and the ability to specify which file format allowed, etc.)

That’s it :slight_smile: Thanks!

Hi Aaron,

Those are some great suggestion to improve the Forms Widget. Here on our forum you can post Idea threads. Our VP of Products monitors our community on a daily bases. I suggest you post those ideas you mentioned above in an idea thread (instead of a question thread) so our VP of Products can take a look at making some changes to the product.

Thank you,

I don’t think I have the ability to change it from “question” to “idea” since my editing window expired a while back. Please let me know and thanks!

It might be better if you post a NEW thread as an idea with the ideas you posted above. This thread can remain a question for future referencing.

I changed it for you. You do make some good suggestions. It would be great to see our community’s feedback on these idea’s.

Thanks!

Aaron

I think it would be best to split this thread into two seperate threads, one a question thread and the other an idea thread.

I changed this back to a question thread. The original post is a question and it is best to leave this as a question just in case other community members have the same question you have about Form thanks / error messages.

If you have the time can you copy out the ideas that you have posted and paste them into a news Idea thread?

Done. https://community.percussion.com/t/please-improve-form-widget/1688