How to Auto Select a Tab in tab container Based on Dropdown Selection

hannahmontanna
hannahmontanna
in Forms

I have a form with a tab container and a dropdown menu. I want the tab container to automatically display the corresponding tab when a selection is made from the dropdown. For example, if I select "Tab B" from the dropdown, "Tab B" should be shown in the tab container. How can I implement this functionality?


Keywords: tabcontainer, dropdown selection, auto-select tab, form tabs, dynamic tab display

Comments

  • Manisha_Decisions
    Manisha_Decisions

    Hi,

    To achieve this, you can configure a default tab selection based on the dropdown's chosen item. 

    • Start by setting a default tab data name in tab container properties.
    DisplayImageFile?fname=01J7XBBGV59AP8WA2RPH8P59VV.png


    • Create an Active Form Flow to trigger on dropdown selection change.
    DisplayImageFile?fname=01J7XBCME8ZY000M6YPY6N890Z.png


    • Add a "Create Data" step in your Active Form Flow.
    DisplayImageFile?fname=01J7XBDAJWMDFP8XJ0W9FMVSSZ.png


    • Define an input to capture the selected value from the dropdown.
    • Adjust the output to specify the default tab for the tab container.

    For reference, I’ve attached a sample project that illustrates this setup.

    Example - toggle tabs.zip


Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Register

Categories