I need to remove the last extra space on the webtab which is shown below. I am using version 14.2
Thank you for posting into our community. You can specify the width of the layout and also specify the tab size for each tab.
You can also go in Design mode and drag-and-drop to resize the WebTab.
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
In this case I'll suggest setting the DisplayMode to MultiRowAuto.
As you said i changed the DisplayMode to MultiRowAuto. But still i am seeing that empty space at the end.
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.