I want to do something similar to my attached image. See the tabs? Kind of like a "step(s) process". I know there are several ways to go about it:
2. Use ajax to load the separate pages
3. Other suggestions?
Also the overall design of it is a little confusing to me. The main page will be an employee profile of which subs into the tabbed options shown.
I'm not sure if on each tab option a submit should be required before going to the next option or just one submit option to insert/update all tab options?
Sorry if this is confusing, been up about 2 days straight now and want to get this posted before I go to bed to hopefully awake to some suggestions.
I would not require a submit for each but instead, save the form's information every time a tab is changed.
Ajax would work well for this ... I am assuming that prior to this step, your user would be logged in already so that you would have a way to save this information against a known user profile ...
You may nit actually need to load the pages OnChangeTab() ... simply load all the HTML and form information on the initial page load ... then simply hide [class="display: none;" ] the container <div/>s you do not want to show at any particular time.
This will reduce the possibility of delays when switching tabs, and lowers the number of calls you need to make to the web server and database.
I hope this helps!
The Following User Says Thank You to bmicallef For This Useful Post: