html - How can I increase the width of a panel using jQuery mobile? -


<div><a href="#overlaypanel">     search</a> </div>  <div data-role="panel"      id="overlaypanel"       data-theme="a"        data-display="overlay"                                                       data-position="right" style="width:100%">          <h2>overlay panel</h2>           <a href="#pageone" data-rel="close">              close panel          </a> </div> 

i tried above code using jquery mobiles, increasing size closing automatically when click in panel

set data-dismissible property false in panel.

<div data-role="panel" id="mypanel" data-dismissible="false" style="width:100%">  

refer fiddle demo


Comments

Popular posts from this blog

hibernate - How to load global settings frequently used in application in Java -

python 3.x - Mapping specific letters onto a list of words -

objective c - Ownership modifiers with manual reference counting -