How to make form fields uneditable in Memberstack after a user submits their application?
I am developing a portal-like web application for submitting applications. I want users to have the ability to edit and save their applications until they are completely satisfied. Once they submit their application, they will no longer be able to modify their information, but they can still view it. If anyone can assist me, I would greatly appreciate it. :) (Using Memberstack and Webflow)
Comments
1 comment
Hello Sarah 👋🏼
Love this use case — and great news, this is totally doable with Memberstack and Webflow!
The key is that a user can only edit a form if the page has the data-ms-form="profile" Profile Form (https://docs.memberstack.com/hc/en-us/articles/7785751124379-Create-Profile-Forms-in-Webflow-password-reset-change-email-and-custom-fields) attribute. So the trick is to swap them to a read-only version of the page once they submit. Here's how:
1. Create a free plan called something like "Submitted Application"
2. Use Plan Logic(https://docs.memberstack.com/hc/en-us/articles/14084137149339-Plan-Logic) to automatically remove the "Not Yet Submitted" plan when they submit
3. Build a second version of the page that looks identical, but without the data-ms-form="profile" attribute — just use the customField attribute tags to display their info.
Once the plan switches, the user lands on the read-only page. It looks exactly like what they filled out, but since the form attribute isn't there, nothing is editable. Clean, seamless, and no extra tools needed!
Hope that helps — let us know if you have any questions 😊
Please sign in to leave a comment.