Home/ Questions/Q 6904823
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T08:06:31+00:00

Maybe there is something obvious I cannot see but I think that setting data-theme

  • 0

Maybe there is something obvious I cannot see but I think that setting data-theme in the div with data-role=page was supposed to set it for everything:

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Page Title</title> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head> 
<body> 

<div data-role="page" data-theme="b">

    <div data-role="header">
        <h1>Page Title</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <p>Page content goes here.</p>      
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /footer -->
</div><!-- /page -->

</body>
</html>

But I still get the default theme A

What am I doing wrong? Or is this a bug?
It was working in 1 alpha 4 but not in 1 final.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Check the docs, http://jquerymobile.com/demos/1.0/docs/pages/pages-themes.html
    it specifically says: “However, headers and footers will default to theme “a”. If you want to have a page with, for example, only theme “b” for all its elements, including its header and footer, you will need to specify data-theme=”b” to the page div as well as the header and footer divs. “

    So this is not a bug.

    • 0