How to add a CSS style ID (not only CSS style class) in Vaadin

Question

I would like that my Vaadin components be set a style id:

<div id="menu"> ... </div>

and not only a style class:

<div class="menu"> ... </div>

Anyone have an idea? Thanks.

weird question... we need more infos – Fender Feb 08 '11 at 10:37 — Fender, Feb 08 '11 at 10:37

score 2 · Answer 1 · answered Feb 28 '15 at 15:38

2

The old setDebugId(id) method was deprecated since Vaadin 7.0.

You can use the setId(id) method.

The new method name "setId" is better than old name "setDebugId", because it is not only working in DEBUG mode, but also in PRODUCTION mode.

answered Feb 28 '15 at 15:38

Li Ying

2,261
27
17

score 2 · Answer 2 · answered Feb 09 '11 at 06:57

2

So you would want to set an ID yourself, or that Vaadin set them for you?

You can set ID’s yourself using the setDebugId method for each component instance. Do note, that each ID should be unique for each individual component instance.

answered Feb 09 '11 at 06:57

Jouni

2,830
15
12

2

Yes through vaadin. So the debugId is what I need, but the word debug in it would tell to not use that in production no? – Jean-Eric Feb 10 '11 at 10:15
The naming does imply that it wouldn’t work in production mode, but IIRC the id should be usable then as well. – Jouni Feb 17 '11 at 06:28

score 2 · Answer 3 · answered Nov 01 '11 at 14:36

We can use the id which set with setDebugId() method in production mode also.
I opened a ticket about that (http://dev.vaadin.com/ticket/7867), and response is i can use those ids in production mode also.
Then i made a small demo application and i saw the ids were there in production mode :)

score -3 · Answer 4 · answered Feb 08 '11 at 12:44

-3

you can use a 1 id and as many classes to an item as you want like this

<div id="menu" class="menu menu-2 etc">

answered Feb 08 '11 at 12:44

sat

1,009
3
19
41

How to add a CSS style ID (not only CSS style class) in Vaadin

4 Answers4