Changeset View
Changeset View
Standalone View
Standalone View
source/components/checkbox.rst
Show First 20 Lines • Show All 126 Lines • ▼ Show 20 Line(s) | 124 | - The text of a check box is on the right of its tick rectangle, which | |||
---|---|---|---|---|---|
127 | following approaches: | 127 | following approaches: | ||
128 | 128 | | |||
129 | - Group check boxes together in the widget column and add a label | 129 | - Group check boxes together in the widget column and add a label | ||
130 | describing the group in the label column. | 130 | describing the group in the label column. | ||
131 | 131 | | |||
132 | .. image:: /img/Grouped_checkboxes.qml.png | 132 | .. image:: /img/Grouped_checkboxes.qml.png | ||
133 | :alt: Grouped checkboxes | 133 | :alt: Grouped checkboxes | ||
134 | 134 | | |||
135 | | ||||
136 | - Make the check boxes span the two columns, but keep them at the | | |||
137 | bottom of the form. Remark: This interferes with other layout | | |||
138 | guidelines | | |||
139 | | ||||
140 | .. image:: /img/Two_column_checkboxes.qml.png | | |||
141 | :alt: Checkboxes spanning two columns | | |||
142 | | ||||
143 | - If all else fails, add a label describing the checkbox on the left | 135 | - If all else fails, add a label describing the checkbox on the left | ||
144 | side of the checkbox, then set the text of the checkbox to | 136 | side of the checkbox, then set the text of the checkbox to | ||
145 | "Enabled", "On", or similar. | 137 | "Enabled", "On", or similar. | ||
146 | 138 | | |||
147 | .. image:: /img/Checkbox_separate_label.qml.png | 139 | .. image:: /img/Checkbox_separate_label.qml.png | ||
148 | :alt: Using a separate title label for the checkbox. | 140 | :alt: Using a separate title label for the checkbox. | ||
149 | 141 | | |||
150 | - When options are subordinate to a check box (e.g. Audio level can | 142 | - When options are subordinate to a check box (e.g. Audio level can | ||
▲ Show 20 Lines • Show All 44 Lines • ▼ Show 20 Line(s) | 186 | .. container:: | |||
195 | 187 | | |||
196 | .. figure:: /img/Checkbox_Alignment_Good.qml.png | 188 | .. figure:: /img/Checkbox_Alignment_Good.qml.png | ||
197 | 189 | | |||
198 | :noblefir:`GOOD` | 190 | :noblefir:`GOOD` | ||
199 | 191 | | |||
200 | - Label a group of check box with a descriptive caption to the top left | 192 | - Label a group of check box with a descriptive caption to the top left | ||
201 | of the group (cf. :doc:`alignment </layout/alignment>`). | 193 | of the group (cf. :doc:`alignment </layout/alignment>`). | ||
202 | - Create a buddy relation so access keys are assigned. | 194 | - Create a buddy relation so access keys are assigned. | ||
203 | - Use :doc:`sentence style capitalization </style/writing/capitalization>` for check box items. | 195 | - Use :doc:`sentence style capitalization </style/writing/capitalization>` | ||
196 | for check box items. | ||||
ngraham: "check box" -> "checkbox" | |||||
ngraham: You missed this one :) | |||||
fabianr: No change, since check box is used everywhere | |||||
ngraham: OK, let's take care of changing it to "checkbox" in another diff. | |||||
204 | - Do not use ending punctuation (neither dot nor colon) for group | 197 | - Do not use ending punctuation (neither dot nor colon) for group | ||
205 | label. | 198 | label. |
"check box" -> "checkbox"