Five New Optimizely Certifications are Here! Validate your expertise and advance your career with our latest certification exams. Click here to find out more

Same form twice on page, validator validates both forms

Vote:
 

Hi there,

Our users would like to add the same form twice to the page. I guess once near the top and again close to the bottom of the page (not here to debate whether this is good or bad).

After doing some testing, I noticed that if I add the same form twice to the page then the following happens:

Scenario 1

If I fill out the top form only and click submit, I get form input validation errors for both forms and no form is sent off. I guess this is because in the 2nd instance of the form, the input fields are empty, so as far as the validator is concerned something is wrong.

Scenario 2

If I fill out the bottom form only and click submit, then the bottom form is sent off properly, but the button on the top form displayes a circle (it is waiting for feedback on form success I guess).

Is there anything I can do to allow:

  • the same form to be added mutiple times to the same page, and
  • for the validator to validate only the instance that has been clicked

?

Any ideas how to approach this?
What files do I need to look into? (Am new to EPiServer development and did not get very far yet).

#199821
Dec 12, 2018 16:45
Vote:
 

Hi epiNew,

Currently EPiServer.Forms does not support to have same form appears twice on a page.

#199831
Dec 13, 2018 3:54
Vote:
 

We are experiencing the same issue for one of our customers..

#200382
Jan 10, 2019 9:27
Vote:
 

Hi Quan Tran,

What do you suggest to overcome this situation?

Duplicate the same form or create new one (this will increase our headache)?

#204760
Jun 17, 2019 9:30
Vote:
 

Hi Praful Jangid,

I think you have to create new one. We're so sorry about this limitation.

#204932
Jun 21, 2019 11:55
Vote:
 

There's a workaround for this. Let's say you have a page named MY PAGE and you want the same Forms to appear twice on this page, so:

  • Drag and drop your form on top of MY PAGE.
  • Create new blank page named BLANK PAGE
  • Drag and drop your form onto BLANK PAGE
  • Use iframe to embed BLANK PAGE in MY PAGE (at bottom of page for example)

Please try this solution and let us know if it solves your problem.

#204933
Jun 21, 2019 12:08
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.