Module I

Module I

Visual indicators in Windows

Windows Phone OS uses three different types of indicators to show task progress, scroll views, signal strength, battery life, and other vital information.

Progress indicator

progress indicator shows in-app activity related to an activity or a series of events. This is a system-reserved control that’s integrated into the Status Bar and that can be displayed across multiple app pages. For more info about the Status Bar, see the “Status Bar” section later in this topic


A progress indicator can be either determinate or indeterminate. Determinate progress indicators have a beginning and ending point. Indeterminate progress indicators continue until a task is finished.


If you want to mimic this control, use the determinate progress indicator for tasks such as downloading content, and use the indeterminate progress indicator for tasks such as remote connections.

Scroll indicators

Page scrolling occurs when content on the screen exceeds the bounds of the visible page and a user pans or flicks. When a user scrolls, visible scroll indicators appear on the right side for vertical scrolling and along the bottom for horizontal scrolling. These scroll bars indicate that the content is longer or wider than the page, and represent the current position on the page. After page scrolling ends, the scroll indicators fade from view after one second has elapsed.

The scroll indicators aren’t user actionable and are an overlay to the content beneath them. Their primary function is to provide a hint to the user about the page size.

Scroll viewer

The Scroll Viewer allows users to navigate to content that isn’t directly viewable within the frame of the app, such as a long section of text or an image.

When a user scrolls, scroll indicators fade in as the user pans or flicks and fade out after one second at the end of the gesture, but the scroll indicators aren’t user actionable. The Scroll Viewer supports pan and flick gestures.


Status bar

The Status Bar is an indicator bar that displays system-level status info in a simple and clean presentation in a reserved portion of the app workspace. It automatically updates to provide different notifications and keeps users aware of system-level status.


Status bar

The Status Bar is system-reserved and can’t be modified. It can be hidden, but many users view the system clock as an essential feature, so think carefully before hiding it.

The Status Bar displays the following information (in order from left to right):


  1. Signal strength
  2. Data connection
  3. Call forwarding
  4. Roaming
  5. Wireless network signal strength
  6. Bluetooth status
  7. Ringer mode
  8. Input status
  9. Battery power level
  10. System clock

System clock

By default, only the system clock is always visible. If a user double taps in the Status Bar area, all other relevant indicators slide into view for approximately eight seconds before sliding out of view.




Difference between Combo Box and drop down list:


The combo box allows the user to pick a value from a predefined set or input a custom one. The drop down list only allows picking one of the predefined values.


A combo box is a user input device in which the user can select an option from a drop-down list or type in a value into a text box so that the appropriate choice can be selected.


With a drop-down list or combo box, users make a choice among a list of mutually exclusive values. Users can choose one and only one option. With a standard drop-down list, users are limited to choices in the list, but with a combo box they can enter a choice that isn’t in the list.


A typical combo box:-

The following terms are important to understand as you read this article:

  • A standard list box is a box containing a list of multiple items, with multiple items visible.
  • A drop-down list is a list in which the selected item is always visible, and the others are visible on demand by clicking a drop-down button.
  • A combo box is a combination of a standard list box or a drop-down list and an editable text box, thus allowing users to enter a value that isn’t in the list.
    • An editable drop-down list is a combination of a drop-down list and an editable text box.
    • An editable list box is a combination of a standard list box and an editable text box.


Explain the following
a) text box
b)check box
c)radio button
d)drop down list box



Text Box:

An on-screen rectangular frame into which you type text. Text boxes are used to add text in a drawing or paint program. The flexibility of the text box is determined by the software. Sometimes you can keep on typing and the box expands to meet your input. Other times, you have to go into a different mode to widen the frame, and then go back to typing in more text.




Text box is a section of a page that enables a user to enter text. Text boxes are often used on the Internet for pages that require input from a user. Below are some examples of text boxes you are likely to encounter.

One-line text box
below is an example of a one-line text box; these boxes are often used when only a few words, such as a name, are required.

Scrolling text box
Below is an example of a scrolling text box; this box allows a user to enter lots of data and usually scroll up, down, left, or right to view the text in the box.


Check box

Alternatively referred to as a selection box, a check box is a square box where the user can click to say that they want or have a particular setting. Below is an interactive example of a check box.

Top of Form

Check box example
Check box #2

Bottom of Form

Check boxes are commonly used when more than one option may need to be selected. Checking the box would enable that option and unchecking it would disable it.


Radio button

radio button is a round circle representing choices in a common option list form in a graphical user interface. Below is an example of what the radio button looks like in your browser.

Top of Form

Example Example 2

Bottom of Form

Radio buttons are commonly used when only one option is selectable.


Dropdown Menu

Sometimes referred to as a pull-down menudrop down list, or drop down box, a dropdown menu is a menu that appears when clicking on a button or text selection. For example, many programs have a “File” drop down menu at the top left of their screen. Clicking on the “File” text generates a new menu with additional options. Below is an example of a drop down menu as a form component in your Internet browser.

Top of Form

Select a Choice:

Bottom of Form

A drop down menu can make it easier to display a large list of choices – since only one choice is displayed initially; the remaining choices are shown when the user activates the dropbox.



Combo box

combo box is a user input device in which the user can select an option from a drop-down list or type in a value into a text box so that the appropriate choice can be selected.

In many cases, this is also used in reference to a drop-down list, which only allows choices to be selected (user cannot type a value), but a distinction is still made between the two in some programming languages such as Java.



Difference between Radio Button and Check Box:


Radio buttons are used when there is a list of two or more options that are mutually exclusive and the user must select exactly one choice. In other words, clicking a non-selected radio button will deselect whatever other button was previously selected in the list.


Check boxes are used when there are lists of options and the user may select any number of choices, including zero, one, or several. In other words, each checkbox is independent of all other checkboxes in the list, so checking one box doesn’t uncheck the others.

Leave a Reply

Your email address will not be published. Required fields are marked *