How to load the different tabs based on option set value using conditional type multi step form in power pages

Power Pages:-

Microsoft Power Pages is a low-code platform that allows users to create, host, and manage websites for their business. It’s part of Microsoft Power Platform, a collection of tools for building business solutions

Steps: –

Create a one new multi-step form without steps then save

2.Create steps in that multi step form on form steps select new form step in that we can create like this

3.Set the first step in load form type and insert mode which entity form you can see can select and set in that step properly

4.Next, we can create the condition type step like this below image

5.We can create the condition-based steps on your requirements

6.I am creating the above image condition type steps which step you can load the tabs on these steps like T1, T2

7.We can set the steps correctly in next step and condition default steps

8.Create other steps for tabs loading set the mode in edit type load form like this below image

You can set the form name, tab name on which form tabs you can see like this below image

9.Then se the condition steps in tabs steps correctly on which condition which tabs you can see

10.In below image I am setting the condition option set schema name equals to option set value zero then go to next step T1

11.In that T1 step I am loading the home details tab when selecting option set value zero

12.When condition fails go to step portal 3

13.After that we can create web template, page template, web page

14.In web template we can write the source code

{% block main %}

{% if page.adx_webform %}

{% webform id: page.adx_webform.id %}

{%endif%}

{% endblock %}

15.Then save, give table permissions properly

16.Sync and preview the web page we can get the output like this

In above image I am selecting the option set id and click next button it will go to next step load which tab you want to see it will loading the village details tab