Bold character in textarea

Question

i have a textArea where i show some errors happened during a file loading. Now i will want customize my text area in this way:

enter image description here

I want to show a few character in bold, I saw that Label consent this,but can I also do this with a textarea?

to my knowledge you can not do this, was this component represents the regular textarea from HTML. i guess you could use the ``RichTextArea``, which is used to edit HTML code. Or if you need more control over the controls above the input get the chkeditor-wrapper from the addons. — cfrick, Mar 11 '14 at 17:56

score 4 · Accepted Answer · answered Mar 12 '14 at 10:32

I solved using a RichTextArea whitout top and bottom toolbar

.no-toolbar-top .gwt-RichTextToolbar-top{ 
display: none;
}

.no-toolbar-bottom .gwt-RichTextToolbar-bottom{ 
display: none;
}

Then i added these styles at components:

RichTextArea myArea = new RichTextArea();
myArea.addStyleName("no-toolbar-top");
myArea.addStyleName("no-toolbar-bottom");
myArea.setValue("<p><small> Error <b> Row 1 Col 2 </b> error description </small></p>");

score 2 · Answer 2 · answered Mar 11 '14 at 19:50

2

To do this you have to use the RichTextArea component or create your own widget.

Btw: you can hide buttons from the toolbar: https://vaadin.com/forum/#!/thread/171171

answered Mar 11 '14 at 19:50

nexus

2,937
3
17
22

kitekat · Answer 3 · 2017-03-01T21:38:19.040

2

I agree to the earlier answers saying that RichTextArea is the right choice.

However, as an alternative to using CSS for hiding its toolbars, the following will make them disappear as well (Vaadin 7.7.6):

RichTextArea myArea = new RichTextArea();
myArea.setReadOnly(true);

edited Mar 01 '17 at 21:38

answered Mar 01 '17 at 13:34

kitekat

181
1
7

Bold character in textarea

3 Answers3