TextField.setEnabled(false)

Vaadin 6 / 7 / 8 Framework UI
1

Hello,

How can i change opacity on caption and content when textfield.setEnabled(false) ?

2

Hi,

You can remove the “dimming” of disabled components with custom CSS:

.v-disabled {
   opacity: 1;
   filter: none;
}

If you only need it on some fields, you can add a custom style name for those fields, and reset the opacity for them:


// Java
field.setEnabled(false);
field.addStyleName("my-disabled");

// CSS
.my-disabled {
   opacity: 1;
   filter: none;
}

That should do it.

3

Thank you Jouni, but the caption of the TextField still opacity (like disabled) .

4

I’d like to change the opacity(caption and content) for some fields, not all.

5

You have to call addstylename on those fields that you call setEnabled(false) and then again remove it with removeStyleName when you call setEnabled(true).

You could extend the TextField to do this automatically.


public class MyTextField extends TextField{
  @Override
  public void setEnabled(boolean enabled){
    super.setEnabled(enabled)    
    if(enabled){
      addStyleName("my-disabled");
    else{
      removeStyleName("my-disabled");
    }
  }
}

(pseudocode)

6

It should also be possible to tag your components with a static style name that tells what should happen when they are disabled, and then use a CSS rule that requires both that style name and .v-disabled to be present. This way, there should not be need to change style names on the fly in your application code.

7

This would be optimal, but unfortunately it is impossible to achieve in IE6. If you don’t need to support that, then this approach is the best.

8

You’re right, I remembered one thing wrong. To fix the captions as well, you need to add the following CSS:

.v-caption-my-disabled {
    opacity: 1;
    filter: none;
}
9

Thank you again Jouni, it works fine !