Thank you for this great module, it's been wonderful playing with it!

I have a situation where tabs are stacked vertically, and then content is displayed below the tabs area. Since tabs take up a lot of space vertically it's possible users with small screens will miss the content, especially if the loading is done without ajax so nothing moves "down there".

Here is a simple outline

tab1

tab2

tab3

tab4

tab5

tab6
_______________


content area

_______________

This would be fixed with the anchors on tabs links point to #quicktabs_container_1 (which is the content container) instead of #quicktabs-1 (which is the container of the whole block), and it seems to make more sense to jump to content since you already provide the jump.

I know it can be modified with theming, just thought it might deserve "full treatment".

Comments

pasqualle’s picture

pasqualle
Location 🇭🇺 Budapest
commented

there is no jump. as the clicked tab is there where you clicked, the browser will not move the page.

With tabs you should always stay where you clicked, without scrolling. Try the QT with disabled javascript in browser, you will understand why it would be bad to scroll down to container at every tab click..

if tab links are far away from the tab content, then you might want to reorganize the page, as it does not seem too usable to me..

if I can't convince you, then you will have to override theme_quicktabs_tabs() with reimplementing the helper function _quicktabs_construct_link_options(). Sorry, the theme override is not as clean as it should be..

portulaca’s picture

portulaca
she/her
commented

Thanx for the tips! Yeah I know what you mean, this layout doesn't look like tabs. But to the right of the tabs there is a slideshow of photos, I can't put tabs content there. The only way was to put content bellow it all. And the content are full nodes from a Drupal book, it's not nice quick blocks or views, so visitors have to scroll down to read anyway. I guess what I'm trying to do is a menu that is a bit more interactive, QT seems perfect for it.

What do you mean there is no jump? Each tab link ends with #quicktabs-1, which is a container for QT, so when js is disabled clicking the tab links jumps to the beginning of QT block (it doesn't show the header or menu that are above QT on my site.)

I'll try to find a way to rearrange the layout.

katbailey’s picture

katbailey commented
Category: bug » support
Status: Active » Closed (works as designed)
katbailey’s picture

katbailey commented

Closing out old issues