In the tutorial, it says setting the width and height to 100% will expand the sliding panel to the size of the page. However, when I set the height to 100% in the property inspector and view in IE8, the height is no different than its original size.

I am needing the panel to fill the entire page - even if the content of the pane doesn't.

Thanks,
Ben

Hello Ben,

try setting following in your page:

<style>
html, body {height: 100%; margin: 0px; overflow: hidden}
</style>

I can't set the height to 100%.

I needing the panel to fill the entire page with the Iphone Style.

Simply great. Just copy and paste this inline style into youre page and the panel i scaling perfectly to fill the entire phone, window. Thanks

The problem seems to be with this styling in dmxSlidingPanels.css

.dmxSlidingPanelsView {
min-height: 200px;
overflow: hidden;
}

If you remove the min-height altogether the panel collapses down and you can't see the content. Ideally the height of the panels would be determined either by the content or else by the size of the screen.

I tried the solution offered here and also in this thread, but neither seems to work.

www.dmxzone.com/support/17564/topic/52893/

Hi Simon,

Doing what is described here: www.dmxzone.com/go?17798
will do the job for you - this way the height of the panels will be determined by the size of the screen.

Hi Teodor. I tried that, but it didn't work. You can see my test page here

www.wolfcreekbrewingco.com/ipad/panels-test.html

The minimum height styling on the class .dmxSlidingPanelsView seems to be a factor, but as I said in my previous post if I remove the min height the whole thing collapses.

Well.. the Sliding Panels fits the element it is put within: In your case this is your <div id="wrapper">.

It does not have any styling so the sliding panels fits its height. Please style your <div id="wrapper">

Thank you Teodor. I set the #wrapper to width 100% and height 100% and this certainly seems to have helped, but now the panel footer is hidden.

As i told you in the previous post - the sliding panels fits in the container that holds it.

The FAQ link provided is for setting panels on FULL screen of your monitor/device.

It is up to you to style the wrapper properly.

Ok, I removed the wrapper div entirely leaving the original style suggestion from Miroslav in the first reply above and it works fine.

Thank you!