how to disable buttons on TwinColSelect?

I know I can use
TwinColSelect . setEnabled(false),
but this will gray out the whole element, so it’s hard to see what’s there.
is it possible to disable the “<<” / “>>” buttons only?

If you don’t need those buttons, then why do you need to show you data in a
TwinColSelect
in the first place?

In any case, instead of disabling it, try calling
setReadOnly(false)
instead. That might do what you want.

Failing that, you can use CSS to change the looks of a disabled component. Disabled UI elements have the
v-disabled
class. So, you can do something like this:

.v-disabled .v-select-twincol-options, .v-disabled .v-select-twincol-selections {
    opacity: 1;
    filter: alpha(opacity=100);
}

You can style read-only components with CSS, too. They have the
v-readonly
class.

There is no support in the server-side API for this, but it sounds like a good feature. Please add a feature request about it: https://vaadin.com/bug

Or if you feel like a real haxxor, you could extend the current component’s clientside with a “listen to clicks” attribute that defines whether you listen to the button clicks or not and theme the v-select-twincol-buttons to look like v-disabled (opacity: .3;filter: alpha(opacity=30);)…

Edit: What Marlon said. I shouldn’t leave windows open without submitting my answer…