topic jimu/dijit/TabContainer3 - set different width to each tab in ArcGIS Web AppBuilder Questions

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

Alexwang — Thu, 16 Mar 2017 20:31:14 GMT

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!

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

RobertScheitlin__GISP — Sat, 11 Dec 2021 13:04:38 GMT

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);‍‍‍‍

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

Alexwang — Fri, 17 Mar 2017 14:10:35 GMT

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.

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

RobertScheitlin__GISP — Fri, 17 Mar 2017 14:40:01 GMT

Alex,

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

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

Alexwang — Fri, 17 Mar 2017 14:45:23 GMT

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