Problem with checkboxes overrunning bottom of tree

[tomintexParticipant]

I have a jqxTree control which I populate using a source object. It displays correctly initially – see below:

[IMG]http://i65.tinypic.com/2cmqfci.png[/IMG]

However, when I expand it, the checkboxes run over the bottom of the control. See below:

[IMG]http://i64.tinypic.com/2wpkp69.png[/IMG]

The control resides in a div structure:
<div class=”row”>
<div class=”col-lg-2″></div>
<div class=”col-lg-3″ style=”height: 500px; border-width: 2px; border-style: solid; border-color: #8eb7f9; margin-right: 10px;
border-radius: 2px; padding-top: 10px;”>
<div id=’jqxrightTree’ style=”overflow: auto”></div></div>
</div>

and is created as follows:

$(‘#jqxrightTree’).jqxTree({ source: rightsource, height: ‘470px’, width: ‘450px’, checkboxes: true, hasThreeStates: true });
$(‘#jqxrightTree’).css(‘visibility’, ‘visible’);

Any ideas as to what I am doing wrong?
TomA

[HristoParticipant]

Hello TomA,

I tested this example and it seems to work fine.
Please, try to check if you set some additional style settings.
Also, if you have any error messages in the console, please, tell me.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[JenkeNgParticipant]

hello,I’ve had this problem, too.How did you solve it?

[HristoParticipant]

Hello JenkeNg,

I would like to ask you did you look the example that I suggest above.
Also, could you provide us an example that demonstrates your issue?

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts