I make a new web application.

My web application shows the Country property with an accordion. I want to find a new way for showing this data. Because all countries, amounting to 190, is a lot of data. Accordions are not an option for this.

All Countries have children which are networks, and all Networks have children which are four services. Services colors will be red or green.

Scenarios :

If one of the services is red, and another service is green, the Network will be yellow.
If all services are red, Parent will be red.
If all services are green, Network(Parent) will be green.

like this :


Here's a basic wireframe,
enter image description here
I hope you understand me.

Country Network(Parent) Services(Property, child)

  • 2
    You can load the sub-items data dynamically, according to the user's choice of parent item and display it all in one dynamic combobox. You could use a dynamic combobox for this e.g. select2: ivaynberg.github.io/select2 Commented Nov 14, 2013 at 14:14
  • I second the combobox idea. Create the network combobox based on the country combobox selection and populate a multi-checkbox input for the services. Save a ton of space and it would look tidy. Commented Nov 14, 2013 at 14:28
  • If interaction assumes working with single country each time, you could significantly simplify interface: 1) Select country, 2) Edit parameters. Commented Nov 14, 2013 at 16:27
  • Thank you for all comment. @AlexeyKolchenko;okey but, If I want to see all country, how can I do this? @DannyVarod; thank you for plugin, But I cant use this kind solution... I have to find a different way..
    – Mehmet Alp
    Commented Nov 14, 2013 at 16:38
  • If you work with one country setting its parameters, the Master-Detail pattern could help. You can easy switch between countries and edit parameters. Commented Nov 14, 2013 at 17:20

1 Answer 1


Try to use Master-detail pattern.
enter image description here

To quick countries view you could use additional information in the country list.
enter image description here

  • Hey Alexey Kolchenko, thank you. Its really good idea. I will try.
    – Mehmet Alp
    Commented Nov 16, 2013 at 23:14

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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