CSS for jqxTextArea

[andrewklukes@gmail.comParticipant]

How do I apply CSS to the text input area of jqxTextArea?

<textarea id=”editor”></textarea>

.jqx-text-area-element {
font-size: xx-large;
}

The jqx-text-area-element is ignored. In developer, when I inspect the text in the text area, I don’t see the jqx-text-area-element applied.

[andrewklukes@gmail.comParticipant]

Tried using jqxEditor with the following CSS

.jqx-widget-content {
font-size: xx-large;

}
.jqx-editor-content {
font-size: xx-large;
}

In developer, when I inspect the text in the text area, I don’t see the jqx-editor-content or jqx-widget-content font size applied.

[HristoParticipant]

Hello andrewklukes@gmail.com,

Could you clarify it?
What do you want to achieve?
Because I try the .jqx-text-area-element class in the jqxTextArea and it seems to work fine.
If you want to change the font-size option of the jqxEditor then I would like to suggest you to try this approach:

var editorBody = $("#editor").contents().find("iframe").contents().find("body");
editorBody.css("fontSize", "xx-large");

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[andrewklukes@gmail.comParticipant]

Yes please ignore jqxTextArea. It works.

What is the purpose of these classes? jqx-widget-content and .jqx-editor-content? It seems like it should impact the content area.

Thanks

[Author]

Posts