Need help with Bootstrap Tabs type

Created on 27 March 2024, 8 months ago
Updated 29 March 2024, 8 months ago

I think some simple documentation of the proper way to use each type would be helpful.

I have gotten the Bootstrap Tabs type semi working by having a parent "Bootstrap Tabs" field group with children "HTML Element (Div)" and then the actual tab content below that.

Example:
Bootstrap Tabs
- Tab 1 (HTML ELEMENT DIV)
- Field 1
- Tab 2 (HTML ELEMENT DIV)
- Field 2
- Tab 3 (HTML ELEMENT DIV)
- Field 3

This renders the tabs onscreen but with a couple issues.

The first issue is that as far as I can tell there is no way to have a tab open by default. I want the first tab to be open by default but I cant figure it out.

Second, empty tabs that do not have any content get rendered anyways no matter what settings I use.

Just curious if I am doing this correctly or if I have just hit a limitation.

TLDR - How can I create a Bootstrap Tabs group where the first tab is open by default and empty tabs do not display.

Cheers

πŸ’¬ Support request
Status

Active

Version

3.0

Component

Documentation

Created by

πŸ‡ΊπŸ‡ΈUnited States bloomt

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @bloomt
  • πŸ‡«πŸ‡·France lazzyvn paris

    Oh, I think the concept of field group is easy to understand so that's why there is no documentation.
    You can do many combination
    Exemple multi level tabs. It will memory last open tab (first tab open by default) If you want open custom tab you can set id for your tab and add 1 line jquery $('#idTab').click();

    Combination

Production build 0.71.5 2024