…In addition to defining pages in jQuery Mobile, it's…also really easy to designate any page as a dialog.…And all you need to do to make that happen is use the data-dialog attribute.…You put that attribute on the page definition, set it to the value…of true, and then that page is treated as if it were a dialog.…So let's watch this in action.…So over here in the code, in the snippets,…I've scrolled down in chapter two to the dialogs section.…
And let's open up using_dialogs_start.…And you can see here that I've got two internal pages.…Right, here's the first page.…Here's the second page.…They've both got data-role of page on them, so without…changing anything, let's just go ahead and bring this up…in Firefox, and you can see that when there's no…dialog definition, it gets treated just as a regular page.…Alright, so let's go back to the code.…What I'm going to do is, in the snippets, I'm going to copy…this data-dialog equals true, and then paste that onto the second page.…
Alright, so now, that page will be treated as a dialog.…
Author
Released
6/3/2014- Building your first jQuery Mobile app
- Understanding the page architecture
- Using page transitions and dialog widgets
- Working with forms and controls
- Creating toolbars
- Working with list views
- Using jQuery Mobile's content formatting features
- Adding events to detect and respond to changes
- Configuring and customizing jQuery Mobile
Skill Level Beginner
Duration
Views
Related Courses
-
Introduction
-
Welcome58s
-
What you should already know1m 21s
-
Using the exercise files4m 42s
-
-
1. Getting Started with jQuery Mobile
-
Intro to jQuery Mobile7m 49s
-
2. Building jQuery Mobile Pages
-
Using page transitions3m 14s
-
-
3. Using jQuery Mobile Widgets
-
jQuery Mobile form basics5m 41s
-
Working with buttons7m 58s
-
Using text inputs5m 14s
-
Using select lists5m 37s
-
-
4. Working with Toolbars
-
Creating toolbars4m 57s
-
Fixed-position toolbars4m 19s
-
External toolbars4m 16s
-
Navigation bars4m 2s
-
-
5. Working with List Views
-
Overview of list views5m 17s
-
Basic list views6m 33s
-
Advanced list views7m 43s
-
-
6. Using the Content Formatting Tools
-
Using layout grids5m 40s
-
Using themes11m 41s
-
-
7. jQuery Mobile Events
-
Touch events3m 17s
-
Orientation events1m 17s
-
Scroll events1m 54s
-
-
8. The jQuery Mobile API
-
Conclusion
-
Goodbye1m 12s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Creating and using dialog widgets