I have a bunch of multi select list boxes vertically one after the other and listed as part of a filter web page. So when this are on top of each other it looks like this ( the below pic shows 3 of them but i actually have 12 on my real page):
I am trying to come up with a better way to show this screen to avoid having to scroll down (as i have 12 different multi select list boxes on the page). I was thinking maybe to use vertical tabs like this.
Any suggestions for a better way to display this and feedback on my vertical tabs idea?
To be clear, I have NO issue with the multi select control by itself, the issue is that having 12 of them on a screen takes up a lot of space so wanted to see if there way a better way to lay out the page.