I'm having to redesign a web-based data-entry page; as I had the original set up, it would have caused a high degree of duplicated information in the database I am working with.
The original design called for a single form, in which a given set of data would be specified. However, the data in question came in a three-level 'pack' structure, such that an item on L1 could be associated with one or more items on L2, and items on L2 could be associated with zero or more items on L3. As a result, I was requested to redesign the page layout with multiple forms, so that making a change to an item on L2 or L3 wouldn't require having to fill the entire form for everything.
This is more a question of aesthetics than anything else; I can create the forms in question with no problem, but the L2 and L3 forms require only a few small bits of information attached to them. As a result, they're long (crossing the width of the screen at my current resolution) and thin (only two rows thick). I was hoping to find some way to reposition the beginning/ending points of the tables on the screen, so as to place the L2 and L3 forms next to each other instead of having one of them on top of the other one.
Or in other words, this is what I currently have,
and this is what I'm hoping to end up with:
Is what I'm requesting possible, and if so, would someone please show me how to do this?
Thanks in advance,