In one line of a dropdown menu, how can I show that an item is disabled with an icon?

Question

So I have a list of groups, but these groups are dependent on the model you selected. In this image, Group 1 is disabled because I have selected model b (not shown) and Group 1 is only for model A.

I want to use the icon to show the user that the item is disabled, but I am afraid just the icon won't be clear enough to the user. I thought about adding an icon description, but I don't like the idea of having two icons on one line:

Any alternative designs I am not thinking of? I would like it to be on one line because there can be a large number of options that are both enabled and disabled and I don't want to add more vertical space. Additionally, I would like to have the icon and show which model goes to the group "(Model A only)" in the image.

Answer 1

In a progressive disclosure dropdown selector pattern like this, the Organization menu would only show available options for Model A. Unavailable options simply wouldn't be shown.

The rule behind this is that we show things in a disabled state if they could become enabled in some cases; we hide things when they are never enabled. Because DanielOrg2 will never allow Group 1, you'd hide it.

Answer 2

Greying out the item is good enough communication.

Adding an icon might be a bit too much, you want to communicate that you can't use this item, not "you've done something wrong to make this item disabled". Which is what I'm getting from that icon.

Also don't worry about users not understanding why they can't use a certain item. They are all enabled at the beginning I'm guessing, and seeing items disappear after selecting a dropdown item will send the message loud and clear why the groups are the way they are.