Skip to content

[JENKINS-62437] Change Jenkins configuration UI from tables to divs #11553

Description

@jenkins-infra-bot

We would like to make Jenkins usable by as many people as possible. It includes multiple groups of users: people with disabilities, ones using mobile devices, or those with slow network connections. In general, all Jenkins users would benefit from better navigation and layouts. Currently the Jenkins's UI includes a lot of tables on configuration pages. These tables are very mobile hostile. The UI is also not in line with modern UIs.

Testing

Examples

Here's one example from Windows 10's settings:

Note that the label for a field is above the field – not to the left of the field.

Here's a much older UI from Windows:

Note that the labels for checkboxes/radios are to the right of the buttons, not to their left (* with RTL layouts, this changes, but that's due to mirroring and applies to almost everything). Even so, labels for other things are above, not to their left (see this example for invitation duration – which is also pre Windows 10):

 


Originally reported by oleg_nenashev, imported from: Change Jenkins configuration UI from tables to divs
  • status: In Progress
  • priority: Major
  • component(s): core
  • label(s): accessibility, roadmap, ux, ux-sig
  • resolution: Unresolved
  • votes: 3
  • watchers: 5
  • imported: 2025-11-24
Raw content of original issue

We would like to make Jenkins usable by as many people as possible. It includes multiple groups of users: people with disabilities, ones using mobile devices, or those with slow network connections. In general, all Jenkins users would benefit from better navigation and layouts. Currently the Jenkins's UI includes a lot of tables on configuration pages. These tables are very mobile hostile. The UI is also not in line with modern UIs.

Testing

Examples

Here's one example from Windows 10's settings:

Note that the label for a field is above the field – not to the left of the field.

Here's a much older UI from Windows:

Note that the labels for checkboxes/radios are to the right of the buttons, not to their left (* with RTL layouts, this changes, but that's due to mirroring and applies to almost everything). Even so, labels for other things are above, not to their left (see this example for invitation duration – which is also pre Windows 10):

 

3 attachments

Metadata

Metadata

Assignees

No one assigned

    Type

    Fields

    No fields configured for Epic.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions