Questions & Answers

No tab is shown as active, I have to click a panel title first?

Within your “Start” block, you can set the field “Active” to value “Yes”. If you don’t do that for none of the panels, no panel will be active. So you’d have to click one of the panel titles to make one active.

I choose “Yes” at the “Fade Effect” field, but it doesn’t fade. What now?

You probably have a theme with a framework that isn’t Bootstrap. Other frameworks most likely don’t support fading of panels out of the box. You’d have to write some CSS code to target the “fade” class added to the panels. Here is an example for Foundation 6 – this is CSS code:

.tabs-panel.fade {
     opacity: 0;
}

.tabs-panel.fade.is-active {
     animation: fade-in 0.5s;
     opacity: 1;
}

@keyframes fade-in {
     from {
          opacity: 0;
     }
     to {
          opacity: 1;
     }
}

Here you see the classes “tabs-panel” and “is-active”. Depending on your framework, those might change. Foundation 5 for example uses “active” instead of “is-active”. So change to your HTML and add that to your theme (CSS file).