Form design ideas....


Author
Message
Edhy Rijo
E
StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)
Group: StrataFrame Users
Posts: 2.4K, Visits: 23K
Hi guys,

I have 4 basic tables which are related and I would like to show as much info as possible in a single form like this:

The tables are:

  • Insured: Main parent table
  • Policy: related to Insured
  • Vehicle: related to Policy
  • Driver: related to Vehicle

What I am trying to do with the above form layout is to have the Insured data upfront and then allow the user to enter any detail data via the ListView at the bottom.  I am not sure if the above relations can be handle by SF on the same form in order to show all related data to its parent as well as to update the FK fields in the child BOs?

I would appreciate any suggestion/indication for the above form layout.  At this point I am exploring all new things I can do in .NET.

Thanks!

Edhy Rijo

Trent Taylor
Trent Taylor
StrataFrame Developer (10K reputation)StrataFrame Developer (10K reputation)StrataFrame Developer (10K reputation)StrataFrame Developer (10K reputation)StrataFrame Developer (10K reputation)StrataFrame Developer (10K reputation)StrataFrame Developer (10K reputation)StrataFrame Developer (10K reputation)StrataFrame Developer (10K reputation)
Group: StrataFrame Developers
Posts: 6.6K, Visits: 6.9K
Sure, it is possible.  We have some forms in our medical app that allow users to view and deal with many child tables.  This is somewhat of a difficult question to answer over the forum as this can get really deep and somewhat philisophical on form design.  But we have had great success with some of our interfaces.  We actually intend to hit on this in the next training class...form design and user presentation is something that we all deal with and we are going to share some of our experience in the class.

I really didn't know how to give you a quick answer here.  This is something that generally requires some conversation to work through the entire process.

Edhy Rijo
E
StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)
Group: StrataFrame Users
Posts: 2.4K, Visits: 23K
Hi Trent,

Thanks for the inside, I will start working on this form and then if I get stuck will ask for help.  My main concern was about the possible mis-used of the BO relationship, but if this can be handle by SF, then all I need to focus is on the BO state to enable/disable buttons based on the parent BO state.

Edhy Rijo

Larry Tucker
Larry Tucker
StrataFrame User (139 reputation)StrataFrame User (139 reputation)StrataFrame User (139 reputation)StrataFrame User (139 reputation)StrataFrame User (139 reputation)StrataFrame User (139 reputation)StrataFrame User (139 reputation)StrataFrame User (139 reputation)StrataFrame User (139 reputation)
Group: StrataFrame Users
Posts: 69, Visits: 308
Hi Edhy,

I'll jump in with my 2 cents.  (I'm also pondering the same types of design / presentation issues).

I think your form looks good:  crisp and uncluttered. 

The challenge is how to represent the hierarchical nature of the related tables on a "flat" surface (single page).  On your example, I don't think there is a visual clue or indicator for the user to know this, (unless the green arrows are intended to stay in the final design).  It may not be clear that selecting a new record in one box completely refreshes all the child boxes, so the user may feel that something mysterious is happening or that data is disappearing. 

It seems the most common way to represent hierarchical structures is a tree view:  perhaps an "Explorer panel" type page with tree on the left and edit panels on the right.  But I've had users how haven't known how to expand levels or pan through a tree view, and thus have missed lower level items.

The other way I've done this in VFP/VPM was with a "related pages" form.   Here, you'd have 4 tabs, one for each table.  As the user clicks on each tab, it offers only the records subset by the previously selected parent (along with carrying the parent title or identifier over as a readonly field).  On each page, you can have either a grid or single page w/navigation.  The benefit of this is that the user gets some physical clue of "drilling down" into the child records by actually choosing the "deeper" tabs. 

One drawback of both the tree and related page approaches is that it is hard to see what is down in the child records. You don't see them all at once, without drilling down to them.

The only other way I can think of is progressively opening separate child forms, each limited to the records related to the previous parent.  I've tried this a bit in SF/.NET using a SF maintenance type form for the current level with separate fields for editing and having a grid visible showing the immediate related child records.   Selecting a child record in the grid then opens the same type of form, but this time at the child level with its grid showing the next child level (overall grandchild).  This works and feels consistent, but I'm not sure I like having multiple forms floating around trying to repesent the hierarchy. 

It may come down to which matters most to you:  clearly representing the hierarchical structure, or seeing data from all levels at once.  It also may be a training issue:  once someone is familiar with the hidden relationships between the boxes in your example, they may be comfortable with the processes going on behind the scenes that cause records to appear and disappear in one box based on something happening in another.

HTH.  Let us know what you come up with.

-- Larry

Edhy Rijo
E
StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)
Group: StrataFrame Users
Posts: 2.4K, Visits: 23K
Hi Larry, and thanks for input.

The challenge is how to represent the hierarchical nature of the related tables on a "flat" surface (single page).  On your example, I don't think there is a visual clue or indicator for the user to know this, (unless the green arrows are intended to stay in the final design).  It may not be clear that selecting a new record in one box completely refreshes all the child boxes, so the user may feel that something mysterious is happening or that data is disappearing. 

As you know in all projects there is one main form which is key to running the business Tongue  I am at that stage now with this project.  The good thing with all this new SF/.NET learning is that I had this application done at 70% in a Visual ProMatrix project.  In order to get into the SF learning process I decided to re-start the project in SF which will take me longer to finish but worth the time invested to learn SF.

The original form was created in VPM using the RelatedPages class with a Page Tab for each table.  I am not looking to re-create that type of form class in .NET, with the new tools available I would like my application and forms to look more fresh and modern Hehe and that is why I am looking for ideas.

It seems the most common way to represent hierarchical structures is a tree view:  perhaps an "Explorer panel" type page with tree on the left and edit panels on the right.  But I've had users how haven't known how to expand levels or pan through a tree view, and thus have missed lower level items.

I though of using a TreeView control, but frankly I could not find a way to accommodate that design in my mind BigGrin and believe that a TreeView will look better with all the Insured Customers records and not just the one the user may want to work with, and since this is a new discconected concept with SQL2005 database, I don't think will be a good idea to load all customer records at once.

It may come down to which matters most to you:  clearly representing the hierarchical structure, or seeing data from all levels at once.

Honestly, I like both ideas Hehe In this case each ListView will open up a modal form with the detail data for each, and I will have to control the toolbar button state of each ListView based on the records in the parent BOs. It will not be easy, but at least with the new ListView enhancement in version 1.6.5.1 it will make this task a bit easier, of course only if I would have a mini MaintenanceForm I could use, then that would be much better "sorry Trent! I could not resist to ask for more" w00t

It also may be a training issue

Yes it is!!!! I am new to .NET & SF and it takes time to get comfortable with new technology, in VPM I was in my zone of comfort all the time with all the tools I needed for any project already here, now I am buying all kind of tools like icons, DevExpress, the Training class, etc. and all is in a fast pace, not to mention the $$$$$ invested.

Edhy Rijo

Larry Tucker
Larry Tucker
StrataFrame User (139 reputation)StrataFrame User (139 reputation)StrataFrame User (139 reputation)StrataFrame User (139 reputation)StrataFrame User (139 reputation)StrataFrame User (139 reputation)StrataFrame User (139 reputation)StrataFrame User (139 reputation)StrataFrame User (139 reputation)
Group: StrataFrame Users
Posts: 69, Visits: 308
Edhy,

By "training issue", I meant training your users! (not your training Smile  )  The "flat" presentation in your example is clean and may be easily understood by them once they've had enough training.  

If this isn't enough for them to understand the parent -> child relationships, maybe there are some visual cues you could add to the form.  I don't know, maybe aligning the list boxes vertically (parent above the child) and indenting each child level a little.   Maybe some way to use a mini treeview on the page to manage the children.  Not sure.

Good luck

Larry

Edhy Rijo
E
StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)
Group: StrataFrame Users
Posts: 2.4K, Visits: 23K
Larry Tucker (04/22/2008)
By "training issue", I meant training your users! (not your training Smile  )  The "flat" presentation in your example is clean and may be easily understood by them once they've had enough training.

Well, I also need training Tongue

Once again, thanks for your input and I will show the final screenshot when ready, but before that some other posting may be needed from me.Cool

Edhy Rijo

Bill Cunnien
Bill Cunnien
StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)
Group: Forum Members
Posts: 785, Visits: 3.6K
Hi Edhy,

I have struggled with similar UI presentation with my customer maintenance window.

I opted to utilize the tab control.  This allowed the most footprint for the window.  There are seven related chunks of data that I am displaying on each customer record (notes, addresses, contacts, quotes, orders, shipments and invoices).  That is a lot of data to squeeze into an itty-bitty living space.  There are far more than seven related tables, however.  Each tab may reference several other tables to get the data presented. 

In addition, I also use a modal window when adding a note, address, or contact.  The rest are view only, but a double-click on the appropriate line item (and with the proper authorization) will open a maintenance window for the object.

It is all quite fast.  Quite painless to put together.

The main reason that I bring this up is the possibility that your interface will grow.  For example, what if the user desired to see a list of dependents.  The way you have it structured, the addition will put you into a tailspin--where do you fit another group box in?  For a tab control...just add another tab and fill it in with the data that you need.

I am still working on the customer maintenance window.  Always will.  Users keep coming up with good ideas to implement.

HTH,
Bill

Edhy Rijo
E
StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)StrataFrame VIP (4.6K reputation)
Group: StrataFrame Users
Posts: 2.4K, Visits: 23K
Hi Bill,

Thanks a lot for the reply and the screenshot.

If you don't mind, could you please email me this screenshot since it did not come up nice in the forum so I can have a better look.

Also you are right about future expanding, this is something that will never end Smile

Edhy Rijo

Bill Cunnien
Bill Cunnien
StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)StrataFrame VIP (1.1K reputation)
Group: Forum Members
Posts: 785, Visits: 3.6K
Hey, Edhy...maybe this will look a little better.  I attached a jpg of a screenshot.  The embedded image in the body of a thread does gets a bit distorted.

Talk to you later,
Bill

Attachments
CustomerLayoutExampleA.JPG (157 views, 73.00 KB)
GO

Merge Selected

Merge into selected topic...



Merge into merge target...



Merge into a specific topic ID...




Similar Topics

Reading This Topic

Login

Explore
Messages
Mentions
Search