Tab Widget Problem

Design help General
1

Hi guys,

I try to make a tab section but I’m struggling.

https://preview.webflow.com/preview/testtabidprojekt?preview=86f6871b84472900bbaaffebff7ee0f0

Under the menu point “Portfolio” is my tab section. I’d like to have one tab selected and that the arrow in the tab button (for the specific tab - tab 1) shows up directly in the beginning. I already made the interaction with the open tab trigger but my tab menu seem to have some problems. I already tried a lot of things and watched the tutorial video from the webflow team.

Thank you very much!
Robin

2

1278×652 94.8 KB

here you can see that the first tab does not show the arrow even when the first tab panel is the default.

3

Hello @Robinho

I think I found the way how to work this problem out.

(1) Turn off initial appearance with interaction for “Black arrow”. Instead that, just use transform and opacity settings on this class.

238×531 26.5 KB

(2) For arrow on 1st tab add comboclass (or I used class “current” that you have already) and change transform settings a bit:

239×561 29.4 KB

(3) Change 2nd and 3rd steps in the “Tab bounce” interaction:

2nd step:
=========

3rd step
========

To me works good :wink:

Good luck, hope it helps,
Anna

4

Thank you very very muuuuuch! you are a genius! :blush: :+1: