Don't miss out Virtual Happy Hour this Friday (April 26).

Try our conversational search powered by Generative AI!

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
lvh
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.