The panel that I have messes up the rest of the page.
For instance, the text on the buttons look like this:
and the panel does not follow the display that I chose.
Here is the code:
- <div data-role="page" id="c">
- <div data-role="panel" id="defaultpanel" data-theme="a">
- <div class="panel-content">
- <h3>More</h3>
- <ul data-role="listview" data-theme="b">
- <li><a href="#1">1</a></li>
- <li><a href="#2">2</a></li>
- <li><a href="#3">3</a> </li>
- </ul>
- </div>
- </div>
- <div data-role="header">
- <a href="#defaultpanel" data-icon="bars" data-theme="b">More</a>
- <h1>Hello</h1>
- </div>
- <div data-role="footer">
- <div data-role="navbar" data-iconpos="top" data-position="fixed" data-tap-toggle="false">
- <ul>
- <li><a href="#" data-icon="home" data-theme="b">4</a></li>
- <li><a href="#5" data-icon="alert" data-theme="b">5</a></li>
- <li><a href="#6" data-icon="gear" data-theme="b">6</a></li>
- </ul>
- </div>
- </div>
- </div>
How do I fix this?? Thank you.
[moderator moved to JQM]