Ace Code Editor - How to set height of component

[Neeeco]

Hi All,

I’ve managed to embed the Ace Editor into my app with the help of this post:

Embeding Code Editor

Hi @bLeDy and welcome to the forum. This is certainly possible. You can achieve this in the following way: move your cdn scripts to native libraries Create a custom HTML Form and paste some of the html/css/js… <pre id="editor">def foo(items): for i in len(items): print("Ace Rocks", items[i]) </pre> <script> var editor = ace.edit("editor"); editor.setTheme("ace/theme/twilight"); editor.session.setMode("ace/mode/python"); </script> <style> #editor { marg…

I’ve made the editor a custom component. However, when I run the app, the editor is displayed as a thin black line. I believe this is because it has a height of 0? I’ve tried playing with the code, but can’t seem to find a way to set the height of the editor. Could anyone point me in the right direction please?

Sample app below:

Login

Thanks,