This topic contains 3 replies, has 2 voices, and was last updated by  andrewklukes@gmail.com 1 year ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • CSS for jqxTextArea #113265

    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.

    CSS for jqxTextArea #113267

    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.

    CSS for jqxTextArea #113271

    Hristo
    Participant

    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

    CSS for jqxTextArea #113273

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.