Menu
I have a simple log in page and I'm trying to apply theme "b" to it, but it doesn't work. The page looks dark and not the way theme b should look like. Any idea?
Thanks.
My header
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.4.0.min.css">
<!--<link href="css/ios_inspired/styles.css" rel="stylesheet" />-->
<!--<link rel="stylesheet" href="css/jqm-demos.css">-->
<script src="js/jquery.mobile-1.4.0/jquery.js"></script>
<script src="js/jquery.mobile-1.4.0/jquery.mobile-1.4.0.min.js"></script>
</head>
<body>
<div data-role="page" id="Page_Login" data-quicklinks="true" data-theme="b" >
<div data-role="header" >
<h1>My header</h1>
</div>
<div role="main" class="ui-content jqm-content jqm-fullwidth" data-theme="b" >
<h1 style=" text-align:center;">Connect</h1>
<form dir="rtl">
<!--<div data-role="fieldcontain" >-->
<label for="txtEmail">email:</label>
<input type="email" name="txtEmail" id="txtEmail" value="" />
<!--</div> -->
<!--<div data-role="fieldcontain" >-->
<label for="txtPassword">password:</label>
<input type="password" name="txtPassword" id="txtPassword" value="" />
<!--</div> -->
<a href="" data-transition="flip" class="ui-btn ui-corner-all" onclick="MemberLogIn()">connect</a>
</form>
</div><!-- /content -->
</div><!-- /page -->
</body>
368
Update
The classic theme should be upgraded to work properly with jQuery Mobile 1.4.x
Upgrade guide
Unlike old versions of jQuery Mobile, the latest version 1.4 has only two themes/swatches a and b. The latter is dark/black theme.
You can either create your own themes using ThemeRoller.
Use classic style sheet offered by jQuery Mobile, along with default style sheet.
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
<link rel="stylesheet" href="http://demos.jquerymobile.com/1.4.0/theme-classic/theme-classic.css" />
Demo
198
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
