Win a copy of Cross-Platform Desktop Applications: Using Node, Electron, and NW.js this week in the JavaScript forum!
    Bookmark Topic Watch Topic
  • New Topic

Complex form creation  RSS feed

Nicholas Dean
Posts: 23
  • Mark post as helpful
  • send pies
  • Report post to moderator

I was wondering if anyone could point me in the right direction.

I am intending on making a complex form. The form has may aspects that the user can add dynamically.

So we have a parent form, f1. Inside this we have a button called 'Add new block' - from here a new legend opens below with a table inside to which users can as many individual rows with new content as they wish.

This trend repeats as many times as the user would like.. So we can end up with a form, with two inner forms, each of those can have two more inner forms, and so on.

Using the <form> tag etc, doesn't really work well, by this I mean there is always an area that is a bit hacky. Using iframes can become confusing as there are times that the content needs to be defined, however we don't know what any of the content will look like nor contain.

I'm confused with an approach, one that will be user friendly and not require a masters to figure out the flow.

I have thought of making each individual inner form as a separate html page, where there is a blank table with loads of empty options, and the users fills these in accordingly. However this means that I have to have a potentially unlimited number of empty boxes residing on the page (as I do not know how many aspects the user will add).
It can be done this way, however it is a bit mechanical in its flow, and does not give the user complete freedom..

You may be aware that I am not a Web Developer at heart, I know some fundamentals, however I am being encouraged at the moment to output something grand, for proof of concept.

Thanks greatly for any hints or suggestions,
Nicholas Dean.
Bear Bibeault
Author and ninkuma
Posts: 66142
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Report post to moderator
Please do not post the same question more than once.
    Bookmark Topic Watch Topic
  • New Topic
Boost this thread!