Directory

← Back

NativeSelectExt7 - NativeSelectExt7 Add-on

NativeSelect extension which allows disabled items

Author

Rating

Popularity

<100

NativeSelectExt7 is a UI component add-on for Vaadin 7 and 8.

For vaadin 8 use version 1.1, for Vaadin 7 the 1.7.1 version.

This component is based on the com.vaadin.v7.ui.NativeSelect version, so you will have to include the vaadin 7 compatibility layers in your v8 project.

It adds only one new method to disable items:

component.setItemDisabled("Item 4", true);

You can modify the style of the disabled items, by providing your own css rules. Make sure to test the css rules, since not all browser allow all rules for the option drop down entries.

Current rules are:

select option:disabled {
    background-color: lightgray;
    color: black;
}

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Vasion for Vaadin 7

Released
2018-02-12
Maturity
TESTED
License
Apache License 2.0

Compatibility

Framework
Vaadin 7.0+
Vaadin 8.0+ in 1.1
Browser
Browser Independent

NativeSelectExt7 - NativeSelectExt7 Add-on - Vaadin Add-on Directory

NativeSelect extension which allows disabled items NativeSelectExt7 - NativeSelectExt7 Add-on - Vaadin Add-on Directory
NativeSelectExt7 is a UI component add-on for Vaadin 7 and 8. For vaadin 8 use version 1.1, for Vaadin 7 the 1.7.1 version. This component is based on the com.vaadin.v7.ui.NativeSelect version, so you will have to include the vaadin 7 compatibility layers in your v8 project. It adds only one new method to disable items: component.setItemDisabled("Item 4", true); You can modify the style of the disabled items, by providing your own css rules. Make sure to test the css rules, since not all browser allow all rules for the option drop down entries. Current rules are: select option:disabled { background-color: lightgray; color: black; }
Online