Editable Labels for Vaadin: Always show pencil

Flow
1

I am planning to use the Editable Labels for Vaadin addon for inline editing

The “default” does not display the pencil
default

It is visible only on mouse over
on mouseover

From the user’s perspective this (inline edit) is not intuitive and therefore a not good UX.
Is there any way, the pencil can always be shown?
I tried the editableLabel.setEditMode(true); but that just opens up the editor (TextField)

To summarize, I wish to have the 2nd image above as the “default” look

2

Might be better to create a feature request on GitHub. Issues · xdev-software/vaadin-editable-label · GitHub

3

Looking at the add-on styles, this CSS should do it:

.editable-label-edit-button {
    display: block;
}
2 Likes
4

Works like a charm. Thank you