height:100% doesn't work :(

[Michael-DragonSparkMember]

Hello,

First off… Let me just say that I really like what I see with this library!!!

I’m trying to get my DockPanel to stretch 100% of the parent div:

$(document).ready(function () {
$(“#jqxDockPanel”).jqxDockPanel( { width: “100%”, height: “100%” } );
});

Doesn’t appear to work. Is there a way to get the panel to stretch 100% of the parent element?

Thank you for any assistance you can provide,
Michael

[Peter StoevKeymaster]

Hi Michael,

The DockPanel does not currently support width and height in percentages. This is a feature in our TO DO list.

Best Wishes,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Michael-DragonSparkMember]

Thank you for your reply, Peter. I was actually able to work around this by explicitly setting height:100% on the div that acts as the DockPanel.

[stephanParticipant]

Hi Peter,

Has this feature been implemented of having percentage width/height suport in jqxDockPanel ?

It would be an elegnat solution for a tricky problem I’m having with defining a sticky header that can grow downwards and a body that occupies the remaining space. The tricky part is that the enclosing div has dynamic size, and so I require a solution that can work with 100% for width and height.

Regards,
Stephan

[Author]

Posts