I’m pretty stuck on a particular drop down and cannot find examples on UI Semantic or Bootstrap. So, I thought it would be good to pick your brains on this one!
Quick intro, this will be a dropdown on a large survey, and the participant is selecting which bonuses are given to a particular job role. Seen here:
As multiple options can be selected, I want to design it as a multiple select dropdown, like this: (although i am willing to look at different options here)
You will notice a ‘select none’ option, which of course, would deselect all selected options. However, where would you say, is best to place the ‘none’ option? Would you have ‘none’ selected as default? (considering they need to do the same thing for another 20+ job roles). Should the ‘none’ be available away from the dropdown so they do not have to click twice (drop down > select none). My worry is, I don’t want the ‘none’ to have such important significance on the dropdown, nor do i want it to be difficult to find as - for some businesses - many job roles may not have bonuses included in their contracts.
Would love to hear all your thoughts on this, and any examples you have!