Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Meta Issue:#1870944: [Meta] Mobile friendly admin pages
Problem/Motivation
Relook at vertical tabs on admin pages in NARROW screens
Admin URLs:
- admin/config/content/formats/filtered_html
- admin/config/people/accounts
- admin/structure/block/manage/%/%
Proposed resolution
To be determined.
Remaining tasks
To be determined.
Comment | File | Size | Author |
---|---|---|---|
#4 | verticaltabs.png | 469.61 KB | Shyamala |
Vertical tabs in format configuration page.png | 480.4 KB | Shyamala |
Comments
Comment #0.0
Shyamala CreditAttribution: Shyamala commentedadded admin/config/people/accounts
Comment #1
mansspams CreditAttribution: mansspams commentedProposed resolution would be to turn vertical tabs into accordion while in narrow.
Comment #2
nod_Open the page in a narrow screen don't resize it after loading, it will avoid vtabs and will use collaspsible details elements.
Ideal would be to turn on and off the vtabs dynamically but that's a pain to do. Let me know what you want to do with it.
Comment #3
echoz CreditAttribution: echoz commentedNice! I just want to note here that my patch at #1872606: Single Column admin pages, details summary causes scrollbar resolves the horizontal scrollbar caused by the erroneous 100% width on the details summary at narrow viewport.
Comment #4
Shyamala CreditAttribution: Shyamala commentedWorks beautifully when loaded in small screens. (not resized)
Attached image,
Comment #5
kevinsiji CreditAttribution: kevinsiji commentedReloading will disable the vertical tab, but switching the orientation is not disabling the vertical tab. There should be some way to disable vertical tab while switching the orientation to small width.
Note: Not tested on a real tablet, but tested in chrome "Overrides/Device metrics" of the developer tab.
Comment #6
nod_That's a "feature" :þ
Hang out around #1812298: Handle mobile orientation change for JS widgets to address your issue.
Comment #6.0
nod_Added admin/structure/block/manage/%/%