CODEWITHSUNDEEP
javascriptjqueryjquery-mobile
Shruti
Shruti

Reputation: 1574

how to reduce the height of panel in jQuery mobile

I make a panel in jQm .I want to reduce the height of panel .I added height property with important but it not work .I also google it did not find any solution can you please tell me how to reduce the height of panel .?

here is fiddle http://jsfiddle.net/7Cmb3/8/

#mypanel{

    height:100px !important
}

Thanks

Upvotes: 0

Views: 899

Answers (1)

Aravin
Aravin

Reputation: 4108

In JQM panel the min-height is 100%. So Try like the following in your style sheet.

.ui-panel{
   min-height:100px !important;
   max-height: 100px !important;
   min-width:100px !important;
   max-width: 100px !important;
   overflow-y:scroll;
   overflow-x:scroll;
}

Look at this FIDDLE DEMO

Check this for only reduce the height FIDDLE DEMO

Upvotes: 5

Related Questions