Response title
This is preview!
bottom gap on jquery mobile dialog
in jQuery Mobile
•
10 years ago
During development I found a strange error, where I couldn't find a solution for it:
As you can see on the picture, it is possible to scroll in the dialog, but there is nothing below the button :-/
Here is the code snippet which I used:
Page from which the dialog is called:
Many thanks in advance!
best regards,
Fabian
As you can see on the picture, it is possible to scroll in the dialog, but there is nothing below the button :-/
Here is the code snippet which I used:
Page from which the dialog is called:
- <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
- <li><a href="index_register.html" data-rel="dialog" data-transition="flip">Registrieren</a></li>
- </ul>
- <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Test</title>
<link rel="stylesheet" href="libs/jquery-mobile/jquery.mobile-newest.min.css" />
<link rel="stylesheet" href="css/main.css" />
<script type="text/javascript" src="libs/jquery/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="libs/jquery-mobile/jquery.mobile-newest.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header" data-theme="b">
<h1>Registrierung</h1>
</div>
<div data-role="content" data-theme="c">
<form id="registerForm" onsubmit="register(event);return false;" action="usermanagement.php" method="GET" data-role="none">
<div data-role="fieldcontain">
<label for="username"><strong>Username:</strong></label>
<input type="text" name="username" id="username" value="" />
</div>
<div data-role="fieldcontain">
<label for="password"><strong>Passwort:</strong></label>
<input type="password" name="password" id="password" value="" />
</div>
<div data-role="fieldcontain">
<label for="email"><strong>Emailadresse:</strong></label>
<input type="text" name="email" id="email" value="" />
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<legend><strong>Vertragsbedingungen:</strong></legend>
<input type="checkbox" name="agbs" id="agbs" class="custom" />
<label for="agbs">Ich akzeptiere die AGBs</label>
<input type="checkbox" name="dse" id="dse" class="custom" />
<label for="dse">Ich habe die Datenschutzerklärung zur Kenntnis genommen</label>
</fieldset>
</div>
<div data-role="fieldcontain">
<div class="ui-controlgroup-label" role="heading"> </div>
<div class="ui-controlgroup-controls">
<a href="index_datenschutz.html" data-rel="dialog" data-transition="flip" target="_blank">Link zur Datenschutzerklärung</a><br/>
<a href="index_agbs.html" data-rel="dialog" data-transition="flip" target="_blank">Link zu den AGBs</a>
</div>
</div>
<div data-role="fieldcontain">
<input type="hidden" name="task" value="register" />
<button type="submit" data-theme="b" name="submit" value="submit-value" class="ui-btn-hidden" aria-disabled="false">Registrieren</button>
</div>
</form>
</div>
</div>
</body>
</html>
Many thanks in advance!
best regards,
Fabian
2
