div tags in a jqxWindow cause jqxTree not to render

[jcwrenParticipant]

This jsFiddle (https://jsfiddle.net/jcwren/2eq1bbfw/) renders correctly when there’s a single div tag in the jqxWindow, but does not if there are additional div tags after the jqxTree div tag.

Load the jsFiddle and note that it works correctly. Then remove the two HTML comment lines and re-run it. The jqxTree does not appear in the window.

There’s also a difference in behavior depending on whether the jqxTree is initialize before or after the jqxWindow. When it’s initialized afterwards, like in the jsFiddle, the height is correct. Initializing it before the jqxWindow, the jqxTree takes the whole window, causes a horizontal scroll bar to appear, and pushes out the ‘This is some text’ text.

[ivailoParticipant]

Hi jcwren,

jqxWindow is designed to works normally when it has 2 child div elements.
First is about the header’s title.
Second is about the content. Here you can include whatever you want like text, widgets etc.

You have to include the tree in the second div. Look at this fiddle.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[jcwrenParticipant]

Ah. I don’t believe I saw that documented anywhere. While the API documentation is fairly extensive, and has links to seful jsFiddles and such, if a control has HTML requirements (like a div for the window title), that doesn’t seem to be covered.

Just because an example might show one, the example and/or documentation doesn’t indicate what’s necessary vs optional.

On this topic, I also frequently see disparities between the documentation in the Demo tab and the documentation under the ‘Documentation’ tab. Generally, it seems that the Demos documentation is more up to date.

[ivailoParticipant]

Hi jcwren,

For every widget(including jqxWindow), first see at Getting Started section of it’s documentation.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts