jqxTabs in a jqxPanel: renders undr scrollbar

[stephanParticipant]

Hi,

When I place a jqxTabs in a jqxPanel and the panel receives a vertical scrollbar the jqxTabs element will render underneath the vertical scrollbar, even though it is defined as “100%” width.

Here is a fiddle that demonstrates the issue:
http://jsfiddle.net/_stephan_/V3Kb6/6/

NOTE: I have aready compensated the 1px border around jqxTabs so I am assuming that this is not the issue here.

If you increase the height of “#myApp” from 200 to 400 you will see that without a vertical scrollbar the jqxTabs looks OK and is fully inside the jqxPanel (including its border). With the vertical scrolbar being present the jqxTabs becomes smaller, as is expected for 100% width, but apparently not small enough.

Regards,
Stephan

[Peter StoevKeymaster]

Hi Stephan.

You can do the following:

myTab.wrap('<div style="margin: 3px; margin-right: 6px;"></div>');

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[stephanParticipant]

Hi Peter,

Thanks, yes, I made some similar experiments and found hat by increasing the wrapper margins the jqxTabs can be lured out from underneath the scrollbar. The downside of the extra margins is that without the scrollbar the jqxTabs now has extra free space to the sides.

In other words: to compensate correctly for the oberved effect I would need a different margin depending on whether there is a vertical scrollbar showing in the surrounding jqxPanel, or not.

I’d very much appreciate it if you could fix this problem on the jQWidgets side, so that compensation or over-compensation, or even a “resize” handler with complex logic does not become neccessary.

Regards,
stephan

[Peter StoevKeymaster]

Hi Stephan,

According to us, there is no issue. That is how web browsers do sizing of HTML Elements and we do not intend to make changes about that. We will continue to synchronize the width and height properties with the native width and height css properties using the jQuery library’s width and height methods.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts