nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Programatically Set tab content for a jimu/dijit/TabContainer3

Alexwang

Hello, I have a programatically created tab container in postCreate(). And I want to set the content to each tab via a button click. Please see below for code snippets. I used tabs[1].set(), but returned 'set is not a function error'. Then I tried to assign to tabs[1].content, no error but didn't do anything. what is the correct way to set tabcontainer tab content programatically?

Find more posts tagged with

Accepted answers

RobertScheitlin__GISP

Alex,

With TabContainer3 the only thing you can do is call selectTab method using the title of the tab after you have created your tabs.

All comments

Alexwang

Thanks Robert. .selectTab('tab title') worked.

RobertScheitlin__GISP

Alex,

With TabContainer3 the only thing you can do is call selectTab method using the title of the tab after you have created your tabs.

Alexwang

Thanks Robert! Ok, I'll re-arrange my codes to achieve my purpose. Another question, do you know how to programatically set the selected tab to a different tab other than the default left one when first start the tab container?

RobertScheitlin__GISP

Alex,

The only places I ever see TabContainer3 used it is always created programatically and the tabs content is added in the constructor. There are no functions in the dijit to allow for adding content after creation.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.