BMC Design Pattern Library - 1.0

Design Pattern Library 1.5

General Guidelines

Desktop/Web

Browser Support
Windows
Installers
- General Guidelines
Consoles
Dashboards
- Panes
- Tile Views
Workspaces
- Single Application
Navigation
- Fly-Out Drawers
- Breadcrumbs
- Tree Views
- Tabs
- Menus
Forms
- Validation
- Error Messages
- Labels/Required Fields
- href="forms-inline-messaging.php">Inline Messaging
- Edit in Place
- Status/Progress Indicators
- Tab Indexes
- Input Prompts
- Selection
- Disabled Fields
- Structured Format
Search
Grids/Tables
Dialog Boxes
Modals
SuperBox
Wizards
Messages
Progressive Disclosure
UI Controls
UI Text (IDD)
Data Visualization

Mobile (Tablet & Phone)

Resolutions
Gestures
- On-Screen Gestures
- Kinesthetic Gestures
Touch
UI Controls
- Buttons
- Check Boxes
- Color Picker
- Date Picker/Calendar
- Drop Down List
- Combo Box
- Groups and Separators
- Links
- List Boxes
- Progress Indicators
- Radio Buttons
- Scrollbars
- Sliders
- href="mobile-snap-drag-controls.php">Snap-Drag Controls
- Spin Controls
- Status Indicators
- Text Boxes
- Toolbars
Screen Orientation
Page Composition
Display of Information
Control and Confirmation
Revealing More
Widgets
Input and Output
- Input Method Indicator
- Autocomplete and Prediction
- href="mobile-directional-entry.php">Directional Entry
- Press and Hold
- Focus and Cursors
- Input Areas
- Form Selections
- Mechanical Style Controls
- Clear Entry
- Tones
- Voice Input
- Voice Readback
- Voice Notifications
- Haptic Output

Visual Design Guidelines

Buttons

Problem

Within any context, an action must be initiated, information submitted, or a state change carried out.

Solution

Use a Button to initiate an immediate action such as changing device modes and committing user selections.

Code

HTML
CSS

HTML code here

CSS code here

The BMC Design Pattern Library is to be used by BMC teams and employees only. © Copyright 2005-2016 BMC Software, Inc. Legal | Support