Introduce a 'pane' component to visually group form items

Created on 17 October 2013, about 11 years ago
Updated 9 February 2023, almost 2 years ago

Problem/Motivation

There are some situations where we which to group elements together on a page to emphasise the relationship between them. Using a fieldset is not always desirable to use it because it has an effect on screenreader users. We need to create a class that can be added to any element.

Proposed resolution

In the Seventy Eight issue it was suggested that we create an applicable class that can be applied to any elements, including a fieldset. The fieldset element has semantic value to screen reader users and the use of the tag it could be used for accessibility reasons only. There are also other elements across of Core that have similar styling applied that are not actually fieldsets.

The design of an open fieldset has been tweaked to match the principles of the new Seven Style Guide.

This styling was prototyped in the Seventy Eight sandbox.

Test Pages

  • admin/structure/types/manage/article/fields/node.article.body
  • admin/structure/views/view/content
  • admin/structure/taxonomy/manage/tags/add
  • admin/modules

Related Issues

  • #1986418: Update textfield & textarea style β†’
  • #1986434: New visual style for Seven β†’
  • View all styleguide issues

    πŸ“Œ Task
    Status

    Needs work

    Version

    1.0

    Component

    Code

    Created by

    πŸ‡¬πŸ‡§United Kingdom lewisnyman Nomadic

    Live updates comments and jobs are added and updated live.
    • CSS

      It involves the content or handling of Cascading Style Sheets.

    Sign in to follow issues

    Comments & Activities

    Not all content is available!

    It's likely this issue predates Contrib.social: some issue and comment data are missing.

    Production build 0.71.5 2024