L17: Added dialog types

AOrobator · Apr 3, 2019 · 1922367 · 1922367
1 parent 7e93a24
commit 1922367
Showing 6 changed files with 45 additions and 1 deletion.
diff --git a/lesson17/Lesson17_Dialogs.md b/lesson17/Lesson17_Dialogs.md
@@ -1 +1,45 @@
-# Lesson 17 Lab: Dialogs
+# Lesson 17: Dialogs
+
+A dialog is a small window that prompts the user to make a decision or enter additional information.
+A dialog does not fill the screen and is normally used for modal events that require users to take 
+an action before they can proceed.
+
+Dialogs disable all app functionality when they appear, and remain on screen until confirmed, 
+dismissed, or a required action has been taken.
+
+Dialogs are purposefully interruptive, so they should be used sparingly.
+
+![dialog_example]
+
+## Dialog Types
+
+### Alert Dialog
+
+Alert dialogs interrupt users with urgent information, details, or actions.
+
+![alert_dialog]
+
+### Simple Dialog
+
+Simple dialogs display a list of items that take immediate effect when selected.
+
+![simple_dialog]
+
+### Confirmation Dialog
+
+Confirmation dialogs require users to confirm a choice before the dialog is dismissed.
+
+![confirmation_dialog]
+
+### Full-screen Dialog
+
+Full-screen dialogs fill the entire screen, containing actions that require a series of tasks to 
+complete.
+
+![full_screen_dialog]
+
+[dialog_example]: img/dialog_example.png "Example Dialog"
+[alert_dialog]: img/alert_dialog.png "Alert Dialog"
+[simple_dialog]: img/simple_dialog.png "Simple Dialog"
+[confirmation_dialog]: img/confirmation_dialog.png "Confirmation Dialog"
+[full_screen_dialog]: img/full_screen_dialog.png "Full-Screen Dialog"
diff --git a/lesson17/img/alert_dialog.png b/lesson17/img/alert_dialog.png
diff --git a/lesson17/img/confirmation_dialog.png b/lesson17/img/confirmation_dialog.png
diff --git a/lesson17/img/dialog_example.png b/lesson17/img/dialog_example.png
diff --git a/lesson17/img/full_screen_dialog.png b/lesson17/img/full_screen_dialog.png
diff --git a/lesson17/img/simple_dialog.png b/lesson17/img/simple_dialog.png