O'Reilly logo

Pro jQuery Mobile by Brad Broulik

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Dialogs

Dialogs are similar to pages except their border is inset to give them the appearance of a modal dialog. jQuery Mobile is quite flexible in regards to how we can style our dialogs. We can create confirmation dialogs (see Figure 2–9), alert dialogs (see Figure 2–10), and even action sheet styled dialogs (see Figure 2–11, Figure 2–12).

images

Figure 2–9. Confirmation Dialog (ch2/dialog.html)

images

Figure 2–10. Alert Dialog (ch2/alert.html)

We can transform a page into a dialog at either the link or page component. On a link, add the data-rel="dialog" ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required