Issues with fixed footer (dojox/mobile/Heading)

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

Issues with fixed footer (dojox/mobile/Heading)

Marco Trapanese

Based upon the official example:

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="">
<script src="" 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'">
          <input type="text" data-dojo-type="dojox/mobile/TextBox">
          <input type="password" data-dojo-type="dojox/mobile/TextBox">
      <input id="btnLogin" type="submit" data-dojo-type="dojox/mobile/Button" value="Login" class="mblBlueButton">
  <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>
<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?

Dojo Toolkit:

[hidden email]
To unsubscribe, visit: