Back

Interface

About
Back

Radio Buttons

Mobile radios buttons look like a list of vertically stacks buttons. When you make a choice, the selected button has a check. Don't be confused. The check is not a check box. It indicates which of the set of buttons is selected.

  • Go eat something
  • Take a nap
  • Get some work done
  • Play a game

You are going to:

Back

Progress Bar

There are several types of indicators to signal the user that something is going, analogous to the "Please Wait" and "Loading" dialogs of desktop software. The most common one is the progress bar.

Back

Tabs

Tabs allow the user to access more content in the present view without having to navigate to another screen. This works with two or three tabs. If the content requires more than three tabs, use a swipe panel or a navigation menu that directs the user to new sections.

Tabs use segmented buttons as the tab. When the user clicks a tab, it shows the related data set, usually below. You can also use the lozenge buttons as your tabs.

Popup
Directions
Options

The button below will open a modal popup. Once the popup opens, you will have two buttons to click. Clicking the button labeled "Forget it" will simply close the popup. Clicking the button labeled "OK" will close the popup and execute a callback function which will deselect the this tab and select the third tab. You can get back here by clicking the tab labeled "Popup," which will also show the button to open the popup, as it resides in this tab panel.

Open a popup

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?

About

Close

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.