Geographic Information Systems Stack Exchange is a question and answer site for cartographers, geographers and GIS professionals. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I currently have a wonderful mobile version of our site up in which it uses PopupMobile to display the requested info. I also map a button on the map that allows the user to do a random function.

The problem that I am running in to is since the button is on top of the map, when a user expands the mobile popup the button is on top of it as well. Is there a way to keep the button on top of the map, but make it go underneath or not be there when the popup is expanded?

I have included a small picture illustrating my issue. The left side is when there is just a map there, and the right is when a user expanded the popup infowindow. Example

share|improve this question
up vote 3 down vote accepted

You can control whether or not the button shows on top of the popup or under it by using z-index. A z-index of 10 for your node that becomes the dijit button should put it under your mobile popup. Here's an example with a plain html button:

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.