Html contents in a vaadin label

Question

Is it possible to draw html contents in vaadin label?

I have texts with <br> contents. Is it available to let the label to use them?

StoopidDonut · Accepted Answer · 2014-06-30T18:16:34.833

8

Yes, you can use the 2 argument constructor of Label and set the ContentMode to HTML.

Something like,

new Label(YOUR_HTML_TEXT, ContentMode.HTML);

From the Javadoc (linked above):

Label component for showing non-editable short texts. The label content can be set to the modes specified by ContentMode

The contents of the label may contain simple formatting:

Bold

Italic

Underlined

Linebreak

...

edited Jun 30 '14 at 18:16

answered Jun 30 '14 at 17:53

StoopidDonut

8,547
2
33
51

4

please be aware, that the documentation suggest, that some sanitation is done here, but it isn't. you can e.g. use ``new Label('HelloWorld', ContentMode.HTML)`` and with this content beeing e.g. provided by user input creates a security problem. – cfrick Jun 30 '14 at 20:11

dimirsen Z · Answer 2 · 2016-11-09T14:31:46.393

1

import com.vaadin.shared.ui.label.ContentMode;
import com.vaadin.ui.Label;

Label htmlLabel = new Label("<h1>Header</h1><strike>text</strike>");
htmlLabel.setContentMode(ContentMode.HTML);

This piece of code shows needed classes and calls to have HTML markup rendered properly in a vaadin's Label.

edited Nov 09 '16 at 14:31

answered Nov 07 '16 at 09:36

dimirsen Z

873
13
16

Add some explanation with answer for how this answer help OP in fixing current issue – ρяσѕρєя K Nov 07 '16 at 09:55
1

Obviously, this piece of code shows how to assign HTML content to a vaadin label and shows the required imports. – dimirsen Z Nov 07 '16 at 10:03

Html contents in a vaadin label

2 Answers2

Linked