Infragistics UltraWebTab
- by user354089
Im using Infragistcs UltraWebTab. The code is shown below
`
<div class="tab-content">
<asp:Panel ID="PnlGeneral" runat="server">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tab-list">
<tr>
<td style="border-bottom-color: White">
<asp:Label ID="LblErrors" runat="server" CssClass="ErrorMessage1"></asp:Label>
<asp:Label ID="LblSuccessMsg" runat="server" CssClass="SuccessMessage1"></asp:Label>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%" border="0" class="tab-list">
<tr>
<th width="205" class="FormLabel1">
Campaign Name <span class="ErrorMessage">*</span>
</th>
<td width="80%">
<asp:TextBox ID="TxtCampaignName" runat="server" CssClass="TextBox1"></asp:TextBox>
</td>
</tr>
<tr>
<th width="205" class="FormLabel1">
CRM Name <span class="ErrorMessage">*</span>
</th>
<td width="80%">
<asp:TextBox ID="TxtCRMName" runat="server" CssClass="TextBox1"></asp:TextBox>
</td>
</tr>
<tr>
<th class="FormLabel1">
Campaign Type <span class="ErrorMessage">*</span>
</th>
<td>
<asp:DropDownList ID="DDLCampaignType" runat="server" CssClass="TextBox1" AutoPostBack="true"
Width="117px" OnSelectedIndexChanged="DDLCampaignType_SelectedIndexChanged">
</asp:DropDownList>
</td>
</tr>
<tr visible="false" id="trCompanyRow" runat="server">
<th class="FormLabel1">
Company <span class="ErrorMessage">*</span>
</th>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td class="style2" style="border-bottom-color: White">
<asp:DropDownList ID="DDLCompany" runat="server" CssClass="TextBox1" Width="117px"
OnSelectedIndexChanged="DDLCompany_SelectedIndexChanged">
</asp:DropDownList>
</td>
<td class="style3" style="border-bottom-color: White">
<asp:LinkButton ID="btnlnknewCompany" runat="server" Style="font-size: 100%;" Text="Add New"
OnClick="btnlnknewCompany_Click"></asp:LinkButton>
</td>
<td style="border-bottom-color: White">
<table cellpadding="0" cellspacing="0" border="0" width="100%" id="tdNewComapny"
visible="false" runat="server">
<tr>
<td class="style4" style="border-bottom-color: White">
<asp:TextBox ID="txtCompanyName" runat="server"></asp:TextBox>
</td>
<td style="border-bottom-color: White">
<asp:Button ID="btnCompanyAdd" runat="server" CssClass="btn1" Height="20px" Text="Add"
Width="25%" OnClick="btnCompanyAdd_Click" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr id="trBannerImage" runat="server" visible="false">
<th class="FormLabel1">
Banner Image <span class="ErrorMessage">*</span>
</th>
<td>
<asp:FileUpload ID="FileUploadBannerImage" runat="server" ToolTip="Add images for banner" />
</td>
</tr>
<tr>
<th class="FormLabel1">
Start Date <span class="ErrorMessage">*</span>
</th>
<td>
<asp:TextBox ID="TxtStartDate" runat="server" CssClass="TextBox1"></asp:TextBox><rjs:PopCalendar
ID="CalStartDate" runat="server" Control="TxtStartDate" Format="dd mm yyyy" ShowErrorMessage="false" />
dd-mm-yyyy
</td>
</tr>
<tr>
<th class="FormLabel1">
End Date <span class="ErrorMessage">*</span>
</th>
<td>
<asp:TextBox ID="TxtEndDate" runat="server" CssClass="TextBox1"></asp:TextBox><rjs:PopCalendar
ID="CalEndDate" runat="server" Control="TxtEndDate" Format="dd mm yyyy" ShowErrorMessage="false" />
dd-mm-yyyy
</td>
</tr>
<tr>
<th class="FormLabel1">
Enabled?
</th>
<td>
<asp:CheckBox ID="ChkEnabled" runat="server" />
</td>
</tr>
<tr style="border-bottom-color: White" id="tblVerificationFields" visible="false"
runat="server">
<th style="border-bottom-color: White">
Company's Verification Fields
</th>
<td style="border-bottom-color: White">
<table border="0" cellspacing="0" cellpadding="0" class="tab-form" width="100%">
<tr>
<td colspan="3" align="center">
<br />
<p>
<label style="font-size: 14px; font-weight: bold; text-align: center;">
Select from existing verification fields below</label></p>
</td>
</tr>
<tr>
<td colspan="2">
<asp:Repeater ID="RptrVeriFieldsParamType" runat="server">
<HeaderTemplate>
<table border="0" cellpadding="0" cellspacing="0" class="tab-grid" style="border: 0px">
<tr>
<th>
</th>
<th>
Field Name
</th>
<th>
Type
</th>
<th>
</th>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td style="border-bottom-color: White">
<asp:CheckBox ID="RptrChkVeriFields" runat="server" />
</td>
<td style="border-bottom-color: White">
<asp:Label ID="RptrFieldName" runat="server" Text='<%# Eval("FieldName") %>'>
</asp:Label>
</td>
<td style="border-bottom-color: White">
<asp:Label ID="RptrParamterTypeName" runat="server" Text='<%# Eval("PARAMETERTYPENAME") %>'>
</asp:Label>
</td>
<td>
<asp:Label ID="RptrHdnFieldId" runat="server" Text='<%# Eval("FIELDID") %>' Visible="false"></asp:Label>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
</td>
</tr>
<tr>
<td style="border-bottom-color: White">
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%" runat="server">
<tr>
<td colspan="6" style="border-bottom-color: White" align="center">
<br />
<p>
<label style="font-size: 14px; font-weight: bold; text-align: center; width: 100%;">
Or Add New verification field</label>
</p>
</td>
</tr>
<tr id="trVerifcationFields" runat="server" visible="false">
<th style="border-bottom-color: White" width="110px">
<strong>Verification Name</strong>
</th>
<td style="border-bottom-color: White" width="50px">
<asp:TextBox ID="TxtVeriField" runat="server">
</asp:TextBox>
</td>
<th style="border-bottom-color: White" width="100px">
<strong>Parameter Type</strong>
</th>
<td style="border-bottom-color: White" width="100px">
<asp:DropDownList ID="DDLParameterType" runat="server">
</asp:DropDownList>
</td>
<th>
</th>
<td align="left" style="border-bottom-color: White">
<asp:Button ID="BtnAddVeriField" runat="server" CssClass="btn1" Height="20px" Text="Add"
OnClick="BtnAddVeriField_Click" Width="75%" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%" border="0" class="tab-list">
<tr align="right">
<td>
</td>
<td align="right" class="tab-list">
<asp:Button runat="server" ID="Next" Visible="true" Text="Next >" CssClass="btn" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</asp:Panel>
</div>
</ContentTemplate>
</igtab:Tab>
<igtab:Tab Text="CRM Deals (Step-2)" Key="Tab2">
<ContentTemplate>
<div style="clear: both">
</div>
<div class="tab-content">
<asp:Panel ID="PnlCRMDeals" runat="server" ScrollBars="Vertical" Height="500px">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tab-list">
<tr>
<td>
<asp:GridView ID="GridDeals" AutoGenerateColumns="False" runat="server" BorderStyle="none"
BorderWidth="0" CellPadding="0" CellSpacing="0" GridLines="None" ShowFooter="false"
HorizontalAlign="Left" CssClass="tab-grid" Width="100%">
<HeaderStyle CssClass="header" HorizontalAlign="Center" />
<PagerStyle CssClass="pager" />
<AlternatingRowStyle CssClass="odd" />
<Columns>
<asp:TemplateField>
<ItemStyle Width="5%" />
<ItemTemplate>
<asp:CheckBox ID="ChkDeals" runat="server" Visible="true" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Deal Name">
<ItemStyle Width="25%" />
<ItemTemplate>
<asp:Label ID="DealName" runat="server" Text='<%# Eval("DealName") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Name in CRM">
<ItemTemplate>
<asp:Label ID="CRMDealName" runat="server" Text='<%# Eval("CRM_NAME") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Deal Code">
<ItemTemplate>
<asp:Label ID="PartNum" runat="server" Text='<%# Eval("PARTNUM") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</td>
</tr>
</table>
</asp:Panel>
</div>
</ContentTemplate>
</igtab:Tab>
`
The problem im facing is after the "BtnAddVeriField" add button is clicked the Panel for the next tab gets displayed below the first tab's Panel. Furthermore, that Add button is not displayed as well.