You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/html/design/building-blocks/dialogs.jd
+22-21Lines changed: 22 additions & 21 deletions
Original file line number
Diff line number
Diff line change
@@ -10,28 +10,29 @@ user to adjust settings or enter text.</p>
10
10
<div class="with-callouts">
11
11
12
12
<ol>
13
-
<li>
14
-
<h4>Optional title region</h4>
15
-
<p>The title introduces the content of your dialog. It can, for example, identify the name of a
16
-
setting that the user is about to change, or request a decision.</p>
17
-
</li>
18
-
<li>
19
-
<h4>Content area</h4>
20
-
<p>Dialog content varies widely. For settings dialogs, a dialog may contain UI elements such as
21
-
sliders, text fields, checkboxes, or radio buttons that allow the user to change app or system
22
-
settings. In other cases, such as alerts, the content may consist solely of text that provides
23
-
further context for a user decision.</p>
24
-
</li>
25
-
<li>
26
-
<h4>Action buttons</h4>
27
-
<p>Action buttons are typically Cancel and/or OK, with OK indicating the preferred or most likely
28
-
action. However, if the options consist of specific actions such as Close or Wait rather than
29
-
a confirmation or cancellation of the action described in the content, then all the buttons
30
-
should be active verbs. As a rule, the dismissive action of a dialog is always on the left
31
-
whereas the affirmative actions are on the right.</p>
32
-
</li>
13
+
<li>
14
+
<h4>Optional title region</h4>
15
+
<p>The title introduces the content of your dialog. It can, for example, identify the name of a
16
+
setting that the user is about to change, or request a decision.</p>
17
+
</li>
18
+
<li>
19
+
<h4>Content area</h4>
20
+
<p>Dialog content varies widely. For settings dialogs, a dialog may contain UI elements such as
21
+
sliders, text fields, checkboxes, or radio buttons that allow the user to change app or system
22
+
settings. In other cases, such as alerts, the content may consist solely of text that provides
23
+
further context for a user decision.</p>
24
+
</li>
25
+
26
+
<li>
27
+
<h4>Action buttons</h4>
28
+
<p>Action buttons are typically Cancel and/or OK, with OK indicating the preferred or most likely action. However, if the options consist of specific actions such as Close or Wait rather than a confirmation or cancellation of the action described in the content, then all the buttons should be active verbs. Order actions following these rules:</p>
29
+
<ul>
30
+
31
+
<li>The dismissive action of a dialog is always on the left. Dismissive actions return to the user to the previous state.</li>
32
+
<li>The affirmative actions are on the right. Affirmative actions continue progress toward the user goal that triggered the dialog.</li>
0 commit comments