pe:codeMirror set height?

[vished]

Hi all,

How can I set the height in pe:codeMirror ?
I´ve tried: style="height: 100px !important;" but it seems it´s not working.
Any idea?

Thank you

[Melloware]

Unfortunately you can't do it inline you have to do with CSS loaded on the page.

Code: Select all

<style type="text/css">

.CodeMirror {
    height: 200px;
}
</style>

[vished]

thank you, that´s working

[Zardo]

and if I would like to set the height to 100%?

Code: Select all

            <style type="text/css">
                .CodeMirror {
                    height: 100%;
                }
            </style>

doesn't work

[Melloware]

Its probably 100% of the container object you have the codemirror in?

[Zardo]

I should had explain better: the size of the parent (container) is right. The size of codemirror seems to be 100%, but the scrollbars are not shown.

[Zardo]

Update: if I call

Code: Select all

window.dispatchEvent(new Event('resize'));

the scrollbars appear

[Melloware]

Got it that might be an issue with the CodeMirror itself. You might have to call that to get it to realize it needs to render scrollbars.