Quantcast

Issues with fixed footer (dojox/mobile/Heading)

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Issues with fixed footer (dojox/mobile/Heading)

Marco Trapanese

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
Loading...