The catalogue of graphical components
The fifteen components of a graphical interface (button, label, text field and text area, checkbox, radio button, drop-down list, list, slider, spinner, progress bar, menu, tabs, dialog box, table, tree) and choosing the one that suits an input.
- 28 cards
- 3 topics
- Free
The outline, topic by topic
Each topic is weighted the way the exam weighs it.
- Concepts
- Questions
- Sort and link
A few cards from the deck
Checkbox: what is it?
Show the answer
A two-state component, ticked or not, that is switched on and off independently of the other options in the same group.
It is used for multiple choice (several options out of five) or a single yes/no option, such as “Remember me”.
Which component for choosing the delivery mode among three options, all visible, only one allowed?
- Radio buttons in a single group
- Independent checkboxes
- A three-notch slider
- A free text field
Show the answer
Radio buttons in a single group
An exclusive choice among few options uses radio buttons. Checkboxes would allow ticking several, or none, which is exactly what we want to forbid.
… hold several panels in the same window, only one of which is visible at a time.
Show the answer
Tabs hold several panels in the same window, only one of which is visible at a time.
They suit independent groups of settings (General, Display, Network). They are not a sequence of steps: for that, you chain screens.
Radio button: what is it?
Show the answer
A component of a mutually exclusive group of choices: selecting one deselects the others, and all the options stay visible.
It suits a single choice among few options (2 to 5). In JavaFX, radio buttons must share a
ToggleGroupto exclude one another.Which component for entering a number of guests, a whole number from 1 to 20, with an exact value?
- A progress bar from 1 to 20
- A spinner from 1 to 20
- A free text field
- A slider from 1 to 20
Show the answer
A spinner from 1 to 20
A spinner gives an exact, bounded value, adjustable step by step. A slider suits an approximate value, a progress bar cannot be manipulated, and a free field would accept “twenty” or “0”.