Tab in full page scenario

[NoiZyParticipant]

For weeks now I have problems in a splitter full page scenario, you can see this on my posts in this forum
And I follow your suggestens and fix a few problems, but I think that I found the bad component in this hole splitter, panel, tab and chart scenario!

It is the tabcontrol!
Here my html and js code (Without your component, don’t know how to add this on jsfiddle)
http://jsfiddle.net/NoiZy/BAmJB/

The problem is, the tabcontrol don’t respect 100% of parent container!
You will see that tabcontrol width is wrong and destroy the hole page.

Kind regards

PS: “” into your panel with the id=”rightside-panel” and it have the perfect width!
So the problem is defenitly in your tab component.

[NoiZyParticipant]

The panel have the bug, too!

If you put a 100% width jqxDropDownButton into one tab of the “” tabcontrol, what is in the jqxPanel than the button goes way over the browser width.

If I delete the jqxPanel and put the “” tabcontrol directly into the right splitter panel than everything works like expected.

I hope you will find the problem!

[Peter StoevKeymaster]

Hi NoiZy,

Thank you for the feedback. We will investigate our widget using the provided information and in case we find a bug, we will create work item about it. In addition, adding padding to the Tab content panels is not expected. If you want to add padding, append a DIV tag inside the content and add a padding to it.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[NoiZyParticipant]

Hi Peter,

do you investigate the scenario and found the problem?

Kind regards

[NoiZyParticipant]

Again a Tab 100% width problem!!

What I have done:
– Create Tab Control with 100% width
– Create 100% width Expander in one tab which is NOT!!! the first tab! (In the first tab everything works correct!)
– Create 100% width grid in this Expander width 4 colums 25% each.

That’s all.
I hope you find this annoying bug!

Kind regards

[Author]

Posts