tab ui builder

[rah dev]

there are three tabs on tab1 component,

need to apply three different tables on all of the component, like tableA for first tab and vice versa,
i applied some customization, but still it is showing same table on all tabs

if i try "remove everything" option on properties of tab, then it'll not show any table for specification but some "Example fields"

[Akshay Gupta2]

Hi @rah dev ,

Please try these steps, I belive you might find this helpfull.

Steps - 

1. Create 3 states - formTable, formView, and formSysID

2. Add Glide Form Data resource - Bind view, sysid and table with the states (Note - remove presets)

3. Go back to the Tabs component - 

4. In each tab add a Form Component and one Loader

5. On click of tab update Client states - formTable: with Table Name, formView: with desired view, formSysID: for new record set -1 else correct sysID.

6. Bind Loader component with state - showHideLoader (Boolean Type)

7. On Tab click event set showHideLoader state to true and On GLide Form Event - Data resource fetch updated event set loader state to false (this will show and hide the loader and make the UI look good when user will load different tables)

This should work for you.

Please give a thumbsup, and helpful

This keeps me motivated.

thanks

Akshay