# How to Dynamically Configure Tab View in Alpha UI?

**URL:** https://community.neutrinos.com/t/how-to-dynamically-configure-tab-view-in-alpha-ui/923
**Category:** Training, Academy & Certifications
**Tags:** neutrinos-alpha
**Created:** [July 8, 2025, 6:48am UTC](https://community.neutrinos.com/t/how-to-dynamically-configure-tab-view-in-alpha-ui/923 "2025-07-08T06:48:01Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Aseema](https://community.neutrinos.com/letter_avatar_proxy/v4/letter/a/3e96dc/32.png) [@Aseema](https://community.neutrinos.com/u/Aseema)
#### Post date: [July 8, 2025, 6:48am UTC](https://community.neutrinos.com/t/how-to-dynamically-configure-tab-view-in-alpha-ui/923/1 "2025-07-08T06:48:01Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![Eldho](https://community.neutrinos.com/letter_avatar_proxy/v4/letter/e/c6cbf5/32.png) [@Eldho](https://community.neutrinos.com/u/Eldho)
#### Post date: [July 8, 2025, 7:32am UTC](https://community.neutrinos.com/t/how-to-dynamically-configure-tab-view-in-alpha-ui/923/2 "2025-07-08T07:32:47Z")

</div>

@vaibhav @gaurav.pandey @Irfan_Ali please help

---

<div class="post-metadata">

### Author: ![Shaikwalibasha](https://community.neutrinos.com/user_avatar/community.neutrinos.com/shaikwalibasha/32/389_2.png) [@Shaikwalibasha](https://community.neutrinos.com/u/Shaikwalibasha)
#### Post date: [July 8, 2025, 8:34am UTC](https://community.neutrinos.com/t/how-to-dynamically-configure-tab-view-in-alpha-ui/923/3 "2025-07-08T08:34:14Z")

</div>

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.