How to Dynamically Configure Tab View in Alpha UI?

Community Training, Academy & Certifications
1

Hi Team,
I’m currently working with Alpha UI and using the Tab View component in my project. So far, I’ve been manually adding tab labels and handling page selection for each tab. But now I want to generate tab configuration dynamically , like it should select tab labels from json response and how select pages for each tab automatically.

3 Likes
2

@vaibhav @gaurav.pandey @Irfan_Ali please help

3

ap.$(‘7fc461ae-21f8-4fbd-a632-bba4d4d0f4a0’).options.tabs.push({
“label”: “Life1”,
“page”: {
“name”: “Quick summary”,
“pageId”: “6dfffdcb-1ecb-4ae8-b9bc-61d3f240f5ef”,
“pageType”: “page”
},
“visible”: true,
“disabled”: false
},
{
“label”: “Life2”,
“page”: {
“name”: “SWB PAGE”,
“pageId”: “319d9ab7-ab38-49b1-988b-3e5d53fd493b”,
“pageType”: “page”
},
“visible”: true,
“disabled”: false
}
)

@Aseema you can try with this code.

6 Likes