jimu/dijit/TabContainer3 - set different width to each tab

[Alexwang]

Hello, is there a way to set a different width to each tab? I tried to set the Style property for each tab and didn't work to me. Please see codes below. What is the correct way to do that if possible? Appreciate any help!

[RobertScheitlin__GISP · Accepted solution]

Alex,

   I don't use the TabContainer3.js. Looking at the constructor function it will Not use the style property you are sending in. I don't see a good way to manually set the tab width. But one thing that looks promising is to add the average: true in the TabContainer3 constructor:

this.tabContainer = new TabContainer3({
  average: true,
  tabs: tabs
}, this.tabsNode);‍‍‍‍

[Alexwang]

Thank you Robert. I was able to change the width of the container with average set to true. However, the title of each tab got truncated although it has enough space for the whole word. any idea of how to display the whole word? Thanks, again.

[RobertScheitlin__GISP]

Alex,

   Like I mentioned I don't use it so I am not sure.

[Alexwang]

Good enough! Thank you Robert. I will spend some extra time on that.