I have a web application with a Master-detail grid I did while back that uses dynamically generated tabs if a particular service was performed as the details row. I'm going to have to change the way I'm displaying the data since the previous application was created using server controls (planning on using jQuery UI instead). What is the best alternative to display the detail information? Perhaps a modal pop-up?

enter image description here

  • Please : no modal popups. They are the most obnoxious and intrusive things in a user interface. Use them sparingly and reserve them for error messages that require immediate action by the user without which the app can't continue in any meaningful manner. – Marjan Venema Jun 7 '12 at 6:21
  • If I understand this...the user is clicking ona Job row, and then we need to show the details of the job? – fitzgeraldsteele Jun 8 '12 at 4:58

The way you've got job ids listed on a map makes me think of a real estate site or hotel site...things located on a map, that I want to drill down and learn more.

In either case, the site usually has the map+list on one page, and clicking on a particular result sends you to a separate details page.

Real Estate example: Zillow.com

Hotel example: Marriott.com

  • Ah...the inspiration I was looking for. Thanks these are good alternatives. – Rich Jun 8 '12 at 16:35


download bmml source – Wireframes created with Balsamiq Mockups

Could you do it kind of like an email client (eg Apple Mail, Outlook) where you've got a list of things on the left, and you click on it to get the details on the right?

Also, if you have all of the job locations shown on a map, do you HAVE to have a separate list?

  • 1
    +1 for providing another idea with sample. Thanks again! – Rich Jun 8 '12 at 16:35

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.