Forum | Appery.io

the page height is 480px and panel min-height is 542px.
When i open panel the size of panel more than page size.
so it display two scrollbar one for page and another for panel.
how to decrease min-height of panel using custom css.????
I tried it using css but not working.
and another question is that how to display scrollbar on panel.it is out side of panel in following image.

Please help to solve this problem.

Hello Pritu,

I cannot reproduce, for me panel suits page size with one scrollbar for page.
Do you have the same when test on device?

In my device there is another problem.
There is no scrollbar in my application.
But the whole application gone upside because of panel height.
see in following screenshot.

I can't see the header...
I want to scroll only my panel .
Here scroll whole application.
How to solved it??

Set Position to fixed in Header Properties.

Prevention of page scrolling might be possible with custom JS/CSS. You can also check if jQuery Mobile has any features for that.
For instance, http://stackoverflow.com/questions/36...

Hello Alena,
I follow this suggestion But the problem is as follow screenshot.
Header grid display but how to take in a bottom of header perfectly.It going on Top of the screen.

For this i use this code in mycss.

what is the solution for this???

Hi,

Please provide a public link to your app and specify the steps of the error reproducing.

http://appery.io/app/mobile-frame?src...

I want the screen below the header.But in my app that display Behind the app.
I want fix header so i used above screen shot code to fix it.
But the problem is that the screen goes behind the header.
How to set below the header????

Just add following custom CSS:

[name=headergrid]{
margin:0;
}

no it's not working. nothing change on page

Hi,
This one must work:

[name=headergrid]{
margin:0 !important;
}