How to disable a choice component

[Maazsaeed]

Hi everyone

I want to use the Choice component because I love its design — it really helps the user see what they are selecting from.

Here’s my use case:
I have an item that is currently assigned to Box 1. Now, I want to allow the user to move the item to another box, for example Box 4.

I want to display:

The current box (Box 1) — inside the Choice component, but disabled, so the user can see where the item is currently stored.

A second choice — where the user can select a new box to move the item to (Box 4, etc). This one should be editable.

Here’s an example of what I’m trying to achieve:
(you can insert your screenshot here)

Is there a way to make a Choice option disabled — but still visible — so that users can see the current assignment and then select a new one?

Thanks in advance for any ideas!

[Darren_Murphy]

Seems a clunky sort of approach to me, and potentially confusing.
Why wouldn’t you use a single choice component?
It will show the current assignment, and then they can just change it.

To directly answer your question, I’m not aware of a way to do it. And even if you can - assuming that both choice components are targeting the same column - then as soon as they change the second one, the first one will also change. So again, potentially confusing.

[Maazsaeed]

I am currently handling it like this, I was just asking if there could be a etter approach because this looks too old styled and not very eye catching

[Simon_Hill]

Have you tried the other options? The drop down does not look great and is a poor user exerience. So long as you have fewer than 10 -15 items then I prefer the check boxes or chips…