I don't want my page to move up and down each time I click on tab. Is it possible to have no animation, and have the active tab displayed and other tabs hidden simultaneously to stop the tab closing and opening and the page moving up and down? Does no one else have this problem? I tried disabling slide and fade effects, and selecting immediate speed but there is still a time lag between one tab closing and the next opening. Am I missing something?

Comments

freatida’s picture

freatida CreditAttribution: freatida commented

I ended up just disabling animation in the js file. However, I think having the option to disable animation via the ui is a good idea. No?

Sansui’s picture

Sansui CreditAttribution: Sansui commented

I would love to be able to disable animation entirely so there is no lag. Where did you disable it in the js file?

nedjo’s picture

nedjo
he/him/his
Primary language English
CreditAttribution: nedjo commented

I'd welcome a patch that added a config option.

freatida’s picture

freatida CreditAttribution: freatida commented

Sansui - sorry I didn't reply earlier. I disabled it in tabs.js, within the tabs module folder.
Line 35:

 .tabs({
      select: selected,
      selectedClass: 'active',
      fx: null /* disable animation */
    })
Sansui’s picture

Sansui CreditAttribution: Sansui commented

No problems, I'm just glad you responded :D I was looking for the wrong variables when I tried to mod it out. This worked perfectly, and is so much more useable now! It would be great to see this added as a configurable option to the module

BassPlaya’s picture

BassPlaya CreditAttribution: BassPlaya commented

what if we set the css of the outer div to a min-height. You probably could take that value with jQuery. Once it's set and the next tab is clicked it should either stay the same or enlarge if there's more content in that next tab. I'm not sure how to do that but I'm trying to find out myself as well.