Authors:Doug Hays
Developers:Doug Hays

Overlay is a simple widget that slides its content (specified via innerHTML) up from the bottom when shown and slides down out of view when hidden. It is most often used on small screen devices to allow the user to select values with touch events.



Causes the Overlay content to slide up from the bottom.

Parameter Type Description
aroundNode DOM node Optional parameter associated with the Overlay content.


Hides the Overlay content.


<button onclick="dijit.registry.byId('customPicker').show()">slide up</button>
<div id="customPicker" data-dojo-type="dojox/mobile/Overlay">
      <h1 data-dojo-type="dojox/mobile/Heading" label="Custom Picker">
              <div data-dojo-type="dojox/mobile/ToolBarButton" label="Done" class="mblColorBlue" style="width:45px;float:right;" onClick="dijit.registry.byId('customPicker').hide()"></div>
      <div id="spin1" data-dojo-type="dojox/mobile/SpinWheelDatePicker"></div>
Error in the documentation? Can’t find what you are looking for? Let us know!