Hello,
i have a question.
I want to underline one item (not all items) on my option group.
I read on the book tutorial of the vaadin, by writing the code (see below) on the css, the item will be underlined.
.v-checkbox label {
text-decoration: underline;
}
But it underline all items on my option group (see screenshot of op1).
I dont want it…
Lets say, i just want to underline the Tuning 25 on the Removal column. So, i tried to write like this on my java code:
Label removal = new Label ("Removal");
addComponent(removal);
OptionGroup tuningPosition = new OptionGroup();
tuningPosition.setMultiSelect(true);
tuningPosition.setWidth("170px");
tuningPosition.addItem("Tuning23");
Label item = new Label("Tuning25");
item.addStyleName("item");
tuningPosition.addItem(item);
tuningPosition.addItem("Tuning27");
tuningPosition.addItem("Tuning30");
addComponent(tuningPosition);
But when i checked on my firebug, the option group has its own structure where all its items are defined automatically as
label for = "gwt-uid-12"
.
How to addStyleName to this
<label for = "gwt-uid-12>
so it could be like this maybe??
<label class= "item" for= "gwt-uid-12>
<div style="float: left; margin-left: 0px;">
<div class="v-select-optiongroup" style="width: 170px;">
<span class="v-checkbox v-select-option">
<span class="v-checkbox v-select-option">
<input id="gwt-uid-12" type="checkbox" tabindex="0">
<label for="gwt-uid-12"><u>Tuning 25</u></label>
</span>
<span class="v-checkbox v-select-option">
<span class="v-checkbox v-select-option">
</div>
</div>
anyeone can help me?