Hi,
Based upon the official example:
https://dojotoolkit.org/reference-guide/1.10/dojox/mobile/ScrollableView.html
I'm trying to make a fixed footer in my application.
It works until I add something in the View.
Please, take a look to this short code:
<script src="http://ajax.googleapis.com/ajax/libs/dojo/
1.11.2
/dojox/mobile/deviceTheme.js">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/dojo/1.11.2/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
<div data-dojo-type="dojox/mobile/View" data-dojo-props="selected:true">
<div data-dojo-type="dojox/mobile/RoundRect">
<form data-dojo-type="dojox/mobile/FormLayout" data-dojo-props="columns: 'single'">
<div>
<label>
<strong>Username</strong>
</label>
<fieldset>
<input type="text" data-dojo-type="dojox/mobile/TextBox">
</fieldset>
</div>
<div>
<label><strong>Password</strong>
</label>
<fieldset>
<input type="password" data-dojo-type="dojox/mobile/TextBox">
</fieldset>
</div>
<input id="btnLogin" type="submit" data-dojo-type="dojox/mobile/Button" value="Login" class="mblBlueButton">
</form>
</div>
<div data-dojo-type="dojox/mobile/SimpleDialog">
<div class="mblSimpleDialogTitle">Title</div>
<div class="mblSimpleDialogText">Text</div>
<button data-dojo-type="dojox/mobile/Button" data-dojo-props="label:'Ok'"></button>
</div>
</div>
<h1 data-dojo-type="dojox/mobile/Heading" data-dojo-props='fixed:"bottom"'>Application Footer Bar</h1>
The (supposed) fixed bottom footer is instead placed just
below the end of the content. Instead, removing the stuff inside,
it works as expected.
What's wrong here?
Thanks
--
Dojo Toolkit:
http://dojotoolkit.org/Tutorials:
http://dojotoolkit.org/documentation/[hidden email]
To unsubscribe, visit:
http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest