Repository navigation
[JENKINS-62437] Change Jenkins configuration UI from tables to divs #11553
Description
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
- Quick-start: https://github.com/oleg-nenashev/jenkins-tabs-to-divs-config-migration-testenv
- Manual setup: docker run --rm -ti -p 8080:8080 -e ID=3895 jenkins/core-pr-tester
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
- Quick-start: https://github.com/oleg-nenashev/jenkins-tabs-to-divs-config-migration-testenv
- Manual setup: docker run --rm -ti -p 8080:8080 -e ID=3895 jenkins/core-pr-tester
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):
Activity
14 remaining items