Hi,
I need to remove the last extra space on the webtab which is shown below. I am using version 14.2
https://s31.postimg.org/xvv3dw6fv/forum.png
Hello,
you should not specify Width
Sorry. I tried as per your code and it worked. But in my project i linked a bootstrap css. Without linking this bootstrap css the tab works good as you mentioned. But if i refer the bootstrap css it is showing the extraspace as i mentioned in the first message. I am attaching the sample i did. Please suggest me any solution
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Prod_Admin.WebForm1" %><%@ Register Assembly="Infragistics4.Web.v14.2, Version=14.2.20142.1028, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI.LayoutControls" TagPrefix="ig" %><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <link href="css/font-awesome.min.css" rel="stylesheet" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous" /> <%-- <link href="css/bootstrap.css" rel="stylesheet" />--%> <%--<link href="css/Admin.css" rel="stylesheet" />--%></head><body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> <ig:WebTab ID="WebTab1" runat="server" Height="189px" SelectedIndex="1" DisplayMode="MultiRowAuto" Width="100%"> <PostBackOptions EnableReloadingUnselectedTab="true" EnableAjax="true" EnableLoadOnDemand="false" EnableReloadingOnTabClick="true" /> <tabs> <ig:ContentTabItem runat="server" Text="Employees"> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Shifts"> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Rework Reasons"> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Partnumbers"> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Customers"> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Machines"> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Actions"> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Qualification Types"> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Qualification"> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Routes"> </ig:ContentTabItem> </tabs> </ig:WebTab> </div> </form></body></html>
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.
Hi Deyank,
As you said i changed the DisplayMode to MultiRowAuto. But still i am seeing that empty space at the end.
In this case I'll suggest setting the DisplayMode to MultiRowAuto.