Hi,

I am working on enabling breakpoints in embedded editor.
I found in google groups that the following code needs to be added:

editor.on("guttermousedown", function(e){ 
    var target = e.domEvent.target; 
    if (target.className.indexOf("ace_gutter-cell") == -1) 
        return; 
    if (!editor.isFocused()) 
        return; 
    if (e.clientX > 25 + target.getBoundingClientRect().left) 
        return; 

    var row = e.getDocumentPosition().row 
    e.editor.session.setBreakpoint(row) 
    e.stop() 
}) 

Besides it, the following styling needs to be added :
.ace_gutter-cell.ace_breakpoint{ 
    border-radius: 20px 0px 0px 20px; 
    box-shadow: 0px 0px 1px 1px red inset; 
} 

My question is, where do I add this style? How do I add a css element
through js code?
I see no css files, as I assume they are generated dynamically on load or
something similar to this.

Regards.



--
View this message in context: 
http://qooxdoo.678.n2.nabble.com/Qooxdoo-setting-a-breakpoint-in-ACE-tp7581774.html
Sent from the qooxdoo mailing list archive at Nabble.com.

------------------------------------------------------------------------------
Everyone hates slow websites. So do we.
Make your web apps faster with AppDynamics
Download AppDynamics Lite for free today:
http://p.sf.net/sfu/appdyn_sfd2d_oct
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Reply via email to