Hi DeyanK,

This tab is dynamically build. I am adding the tab items dynamically, so i cannot set the widhth manually for the each tab items. Is there any css class i need to modify to remove that extra space at the end? Please suggest

Hi Deyank,

As you said i changed the DisplayMode to MultiRowAuto. But still i am seeing that empty space at the end. 

  Hello,

Here's my configuration

<ig:WebTab ID="WebTab1" runat="server" Height="189px" SelectedIndex="1" DisplayMode="MultiRowAuto">
   <tabs>
    <ig:ContentTabItem runat="server" Text="Tab 1">
    </ig:ContentTabItem>
    <ig:ContentTabItem runat="server" Text="Tab 2">
    </ig:ContentTabItem>
   </tabs>
  </ig:WebTab>

and I'm attaching a screenshot of what I'm seeing.

Can you modify it or a send a sample so that I can reproduce the behavior you are describing.

Hello Tct_Anand,

As Deyan suggested you may change the tabs width every time a new tab is added on TabAdded event, so that the sum of all tabs should be 100%. How you will do the tabs width calculations is up to you. If I can provide you with further assistance, please let me know.

Regards,
Tsanna

Hi Tct_Anand,

I'm looking into this and will keep you posted. If you have any questions at the meantime, please let me know.

Regards,
Tsanna

Hi,

I already told you that the tabs are not fixed on design time. Currently it is having 10 tab items. In future it may increase or decrease. So all the time i cannot modify the design and modify the width %.

Well, I'll suggest once the WebTab is loaded to set the width of each tab to be in percentages and the sum of them should be 100%

Hi,

Ok now it seems to be ok. But  i want this webtab to be 100% width of the browser but it is now not showing till the right corner of the page. I am attaching it below. 

i want the tab to be till the right side of the browser. How can i do that? please suggest any idea....