Scribd
Upload
101 views36 pages

UI Controls Description

This document discusses various types of user interface controls including buttons, radio buttons, check boxes, sliders, list boxes, drop down menus, toolbars, icons, grids, hyperlinks, tabs, scrollbars, text boxes, labels, tooltips, status bars, dialog boxes, canvases, auto-complete, carousels, date pickers, charts, text areas, hotkeys, drag and drop, progress indicators, and collapsible panels.

Uploaded by

Goddess Bianca
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
101 views36 pages

UI Controls Description

This document discusses various types of user interface controls including buttons, radio buttons, check boxes, sliders, list boxes, drop down menus, toolbars, icons, grids, hyperlinks, tabs, scrollbars, text boxes, labels, tooltips, status bars, dialog boxes, canvases, auto-complete, carousels, date pickers, charts, text areas, hotkeys, drag and drop, progress indicators, and collapsible panels.

Uploaded by

Goddess Bianca
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 36

Cultivăm dorința de evoluție personală!

Un proiect al Asociației pentru Educație Informală, în colaborare cu:


Griffiths School of Management; Soluții Avansate SRL; Talpoș &
Partners SRL, Organizația Tineret pentru Europa, Scoala
Internationala Cluj Napoca, Fortech, Endava, BCR, RedKiwi,
Psihoselect, BuzzNews si Radio Transilvania.
Prieteni
Button

Control which can be clicked to


perform an action.
Radio Button

Control which can be clicked to select an option from a


selection of options. Only one option in the group can be
selected at a time.
Selecting a new item from the group's buttons also de-selects
the previously selected button.
Check box

Control which can be clicked to select or de-select an option.


The box indicates an "on" or "off" state via a check mark ☑ or
a cross ☒.
Multiple check boxes in a group may be selected, in contrast
with radio buttons.
Split Button

Control combining a button and a drop-down list


with related, secondary actions.
Slider

Control with a handle that can be moved up and down or right


and left on a bar to select a value or a range if two handles
are present.
List Box

Allows user to select one or more


items from a list
Spinner

Value input control with up and down buttons to


select through a range of values.
Drop down list

• A list of items to select from


• The items list is displayed only if clicked
Menu bar
Menu

Control with multiple actions which can be clicked


to be activated
Context menu

A type of menu displayed when right mouse button


is pressed
Toolbar
Combo box

• A combination of a single-line text box and a drop-down


list or list box, allowing the user to either type a value
directly into the control or choose from the list of existing
options
Icon

A pictogram displayed on a computer screen


Tree view
Grid view or datagrid

A spreadsheet-like tabular view of data that allows numbers or


text to be entered in rows and columns.
Hyperlink

A reference that allows a user to display or activate


another document or program
Tab
Scrollbar
Text box / Text field

Control element that enables the user to input text


information to be used by the program.
Label

Text used to describe another control


Tooltip

A small box with information about the item being


hovered over
Status bar
Dialog Box
Canvas

Generic drawing element for representing graphical


information
Auto-complete / Auto-suggest
Carousel
Date Picker
Charts and graphs
Text area

Multi-line text input control holding an unlimited


number of characters
Hotkeys / Keyboard shortcuts

Specific key combination used to trigger an action


Drag and drop

A mouse device gesture in which the user selects an object by


grabbing it, dragging it to a different location and drop it
Progress indicator / bar
Collapsible Panels

You might also like