User interface standards

Drupal interface standards have been established in Drupal 7 and <strong>apply to user interfaces within Drupal and its contributed modules</strong>. All new interfaces should follow the current standards, and document any new additions or changes. 

Interface text

This page contains guidelines for Drupal module and theme developers to use when writing user interfaces text (e.g., buttons, labels, in

Tour text standards

This page contains some initial guidelines for writing text for tours of the Drupal admin UI using the Tour module.

Interface patterns

A design pattern captures architectural design ideas as archetypal and reusable descriptions, providing a reusable approach to solving

Configuration workflows

Document patterns for common workflows: how to create new things, how to edit existing things, how to structure complex configuration steps

Multiple versions of the same thing

There are situations in which you want people to be able to reuse a certain building block multiple, even dozens of times. For example,

Form elements

A form element is any item within a form used to collect data from a user. Most commonly it consists of a title, an input field, a

Buttons

This page is a draft

Checkboxes

Problem

Radio buttons

Problem

Select list

Problem

Grouping form elements

Index of grouping patterns. Please refer to the topics below.

Details

Problem

Fieldsets

Problem

Machine name

Problem

Vertical tabs

Problem

Listings

Index of inteface patterns for lists:

Table

Problem

Dropbutton

Problem

Navigation

Information architecture of all hubs.

Contextual Links

Problem

Local action

Problem

Tabs

Problem

Patterns for tours

In Drupal 8 and later, the Tour module can be used to display a sequence of JavaScript popups.