Set size to CodeMirror editor?

css jquery-mobile codemirror sizing
Nikola Ninkovic picture Nikola Ninkovic · Dec 8, 2012 · Viewed 8.5k times · Source

I'm creating mobile app using jQuery Mobile and CodeMirror as a code editor. I'm not a designer so I don't usually mess up with CSS.

This is what I have so far Valid XHTML .

I want CodeMirror control to be stretched down to footer. Css height property won't work here.

// Edit

Problem was in height of the parent DIV, sorry

Answer

aljordan82 picture aljordan82 · Dec 9, 2012

I can't write comments yet. did you try editor.setSize(width, height)

Related questions

jquery mobile background image

I am building a jQuery mobile site, and I am trying to insert a scalable image into the background, which would adjust to screen size of the phone. This is my code: <!DOCTYPE html> <html> <…

Read More
jQuery Mobile: Stick footer to bottom of page

Is there any way, bearing in mind the way the jQuery Mobile framework operates, to fix the page so that the footer always aligns with the bottom of the page - no matter the height. As it stands the height …

Read More
How to prevent document scrolling but allow scrolling inside div elements on websites for iOS and Android?

I created a website with jQueryMobile for iOS and Android. I don't want the document itself to scroll. Instead, just an area (a <div> element) should be scrollable (via css property overflow-y:scroll). So I disabled document scrolling …

Read More