Editor too small

[jccompagnonParticipant]

from time to time (randomly)
The editor window is not filling up the parent div

[Peter StoevKeymaster]

Hi jccompagnon,

The Editor is within Tabs as far as a see. Look at the Tabs integration demo to see how to put Widgets inside Tabs.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[jccompagnonParticipant]

it does it even with no tabs

[Peter StoevKeymaster]

Hi jccompagnon,

Good. Post jsfiddle.net sample which demonstrates an issue. If there is issue with current version, we will create work item about it.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[jccompagnonParticipant]

I always get pimples that comes out when you start to talk about jdsfile

jdsfile is fine for “simple examples”
what we use is too complicated for jdsfile.

If you look at the screen shot bellow. The problem comes from the 92px in the height in the creation of the div
When we call the the editor we use:
$(“.ckeditor”).jqxEditor({ height: ‘450px’,width: ‘650px’ });

so it looks like an issue on height calculation for that div ?!?!?

[Peter StoevKeymaster]

Hi,

Look at: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxeditor/javascript-editor-in-dialog.htm?arctic. We have Editor in Dialog, too. There it works fine. If you don’t use the same approach in your app, use it.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[celeonaParticipant]

That is a poor response. There are times I do not want to use the jqxWindow widget for a simple dialog where bootstrap modal is smaller faster and does what I need.

I experienced the same issue placing the jqxEditor inside a bootstrap modal. The first time it displayed it was fine, after that it was the 92px.

I traced the problem to a leak within jqxWidgets. When the jqxEditor widget is cleaned up it is not removed from the resize timer. The timer continues to fire, and the widget continues to exist in memory. Because it already has a resize handler, when you create the new editor a new handler is not registered and the box is never resized from 92px.

I also use jqxGrid inside a bootstrap modal and it does not exhibit this behaviour. Looking at the destroy method in the grid, I noticed it calls the resize utility with a parameter for destroy. The jqxEditor’s destroy method is missing this call.

Adding 1 line to the 2nd line of the destroy method in jqxEditor fixes the behaviour, and cleans up the leak.

*********************REMOVED CODE DUE TO EULA VIOLATION********************

This is using jqxWidgets 3.7.1, it also had the same problem in 3.6.0.

[adminKeymaster]

Hi celeona,

Sorry if you don’t find the response to be fine. We have jqxWindow and we have demo with jqxEditor inside it. If you want to display Editor inside Window, then you have only this option. In addition, do not post our sources online which is in violation with the EULA.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts