Exist vertical tabs based on Javascript. When JS off, it is collapsible elements only. Missing the buttons (menu) links. This isn't a vertical tabs pattern. Suggest always output html code for the button links, it's few benefits:

  • use anchor URL jump to right content on JS off
  • less JS code, better Performance
  • use CSS3 to style the vTabs by default (work on JS off). There also a solution on IE 7+, eg: http://css-tricks.com/examples/CSSTabs/#box1
  • enhance: tabs highlighting on href="#Menu-settings" anchor URL. (better SEO too)
  • D8 / Users may delay script loading / re-order the JS to footer,better UX at first glance.

Cons:

  • a little bit more HTML output (menu links)

Comments

Version: 8.0.x-dev » 8.1.x-dev

Drupal 8.0.6 was released on April 6 and is the final bugfix release for the Drupal 8.0.x series. Drupal 8.0.x will not receive any further development aside from security fixes. Drupal 8.1.0-rc1 is now available and sites should prepare to update to 8.1.0.

Bug reports should be targeted against the 8.1.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.2.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

saurabh.dhariwal’s picture

Changed the styling of Collapsible elements to vertical tabs when browser JS is disabled.

Please find the attached patch and screenshots for the same.

saurabh.dhariwal’s picture

Status: Active » Needs review

Status: Needs review » Needs work

The last submitted patch, 2: Drupal_core-vertical_tabs-1503072-1.patch, failed testing.

Version: 8.1.x-dev » 8.2.x-dev

Drupal 8.1.9 was released on September 7 and is the final bugfix release for the Drupal 8.1.x series. Drupal 8.1.x will not receive any further development aside from security fixes. Drupal 8.2.0-rc1 is now available and sites should prepare to upgrade to 8.2.0.

Bug reports should be targeted against the 8.2.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.3.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.2.x-dev » 8.3.x-dev

Drupal 8.2.6 was released on February 1, 2017 and is the final full bugfix release for the Drupal 8.2.x series. Drupal 8.2.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.3.0 on April 5, 2017. (Drupal 8.3.0-alpha1 is available for testing.)

Bug reports should be targeted against the 8.3.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.4.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.