Hello Sir/madem,
I have a TabContainer with one Tabpanel in my Asp.net page.When i modify tabPanel from page design then some unwanted code are added in Source code just below the end of <contentemplate> tag in that TabContainer and show error.why does it do.please help me and suggest me a solution with explanation.
Thanks.
My TabContainer named "TabContainer1" have one tabPanel named "TabPanel1". When i modify it from Designer of page then in source Code automatically adds the same TabContainer and same TabPanel with Same Names and Same Ids and adds other tags just below the ContentTemplate tag of TabPanel.
After modifying it my page looks like this :
<div>
<cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" Height="300px"
Width="950px" AutoPostBack="True">
<cc1:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1" Height="300px">
<HeaderTemplate>
<span><font weight="Bold">Contact Details</font></span>
</HeaderTemplate>
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Panel ID="pnlAddress" runat="server">
<table class="style4">
<tr>
<td colspan="2" align="center" class="tdLabel">
Permanent Adderess
</td>
<td colspan="2" align="center" class="tdLabel">
Temporary Address
</td>
</tr>
<tr>
<td class="tdLabel">
Adderess :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_perm_address" runat="server" TextMode="MultiLine"
Width="160px" CssClass="TextBoxStyle"></asp:TextBox>
</td>
<td class="tdLabel">
Address :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_temp_address" runat="server" TextMode="MultiLine"
Width="160px" CssClass="TextBoxStyle"></asp:TextBox>
</td>
</tr>
<tr>
<td class="tdLabel">
Country :
<td>
<asp:DropDownList ID="ddl_tabConDet_perm_country" runat="server" Width="140px" OnSelectedIndexChanged="ddl_tabConDet_perm_country_SelectedIndexChanged"
AutoPostBack="True" CssClass="DropDownStyle">
</asp:DropDownList>
</td>
<td class="tdLabel">
Country :
</td>
<td>
<asp:DropDownList ID="ddl_tabConDet_temp_country" runat="server" Width="140px" OnSelectedIndexChanged="ddl_tabConDet_temp_country_SelectedIndexChanged"
AutoPostBack="True" CssClass="DropDownStyle">
</asp:DropDownList>
</td>
</tr>
<tr>
<td class="tdLabel">
State :
</td>
<td>
<asp:UpdatePanel ID="upnlPermState" runat="server" UpdateMode="Conditional" RenderMode="Inline">
<ContentTemplate>
<asp:DropDownList ID="ddl_tabConDet_perm_state" runat="server" Width="180px" CssClass="DropDownStyle"
AutoPostBack="False">
</asp:DropDownList>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddl_tabConDet_perm_country" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
</td>
<td class="tdLabel">
State :
</td>
<td>
<asp:UpdatePanel ID="upnlTempState" runat="server" UpdateMode="Conditional" RenderMode="Inline">
<ContentTemplate>
<asp:DropDownList ID="ddl_tabConDet_temp_state" runat="server" Width="180px" CssClass="DropDownStyle"
AutoPostBack="False">
</asp:DropDownList>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddl_tabConDet_temp_country" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
</td>
</tr>
<tr>
<td class="tdLabel">
City :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_perm_city" runat="server" Width="180px"></asp:TextBox>
</td>
<td class="tdLabel">
City :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_temp_city" runat="server" Width="180px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="tdLabel">
Postal Code :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_perm_postcd" runat="server" Width="60px" onKeyUp="counter(this,6)"
onChange="counter(this,6)"></asp:TextBox>
</td>
<td class="tdLabel">
Postal Code :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_temp_postcd" runat="server" Width="60px" onKeyUp="counter(this,6)"
onChange="counter(this,6)"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="4">
</td>
</tr>
<tr>
<td class="tdLabel">
Phone 1 :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_personal_no" runat="server" Width="150px" onKeyUp="counter(this,12)"
onChange="counter(this,12)"></asp:TextBox>
</td>
<td class="tdLabel">
Phone 2 :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_personal_no2" runat="server" Width="150px" onKeyUp="counter(this,12)"
onChange="counter(this,12)"></asp:TextBox>
</td>
</tr>
<tr>
<td class="tdLabel">
Personal Email :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_personal_email" runat="server" Width="150px"></asp:TextBox>
</td>
<td class="tdLabel">
Communication :
</td>
<td>
<asp:DropDownList ID="ddl_tabConDet_communication" runat="server" Width="148px" CssClass="DropDownStyle"
AutoPostBack="False">
</asp:DropDownList>
</td>
</tr>
<tr>
<td colspan="4" align="left" class="tdLabel">
If both Addressess are Same:<asp:CheckBox ID="chkSameAddress" runat="server" OnCheckedChanged="chkSameAddress_CheckedChanged"
AutoPostBack="True" />
</td>
</tr>
<tr>
</tr>
</table>
</asp:Panel>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="chkSameAddress" EventName="CheckedChanged" />
</Triggers>
</asp:UpdatePanel>
</ContentTemplate>
<system.web.ui.control runat="server">
<span><font weight="Bold">Contact Details</font></span>
</system.web.ui.control>
<cc1:TabPanelContainer runat="server">
<asp:UpdatePanel runat="server" UpdateMode="Conditional" ID="UpdatePanel1">
<ContentTemplate>
<asp:Panel ID="pnlAddress" runat="server">
<table class="style4">
<tr>
<td colspan="2" align="center" class="tdLabel">
Permanent Adderess
</td>
<td colspan="2" align="center" class="tdLabel">
Temporary Address
</td>
</tr>
<tr>
<td class="tdLabel">
Adderess :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_perm_address" runat="server" TextMode="MultiLine"
Width="160px" CssClass="TextBoxStyle"></asp:TextBox>
</td>
<td class="tdLabel">
Address :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_temp_address" runat="server" TextMode="MultiLine"
Width="160px" CssClass="TextBoxStyle"></asp:TextBox>
</td>
</tr>
<tr>
<td class="tdLabel">
Country :
<td>
<asp:DropDownList ID="ddl_tabConDet_perm_country" runat="server" Width="140px" OnSelectedIndexChanged="ddl_tabConDet_perm_country_SelectedIndexChanged"
AutoPostBack="True" CssClass="DropDownStyle">
</asp:DropDownList>
</td>
<td class="tdLabel">
Country :
</td>
<td>
<asp:DropDownList ID="ddl_tabConDet_temp_country" runat="server" Width="140px" OnSelectedIndexChanged="ddl_tabConDet_temp_country_SelectedIndexChanged"
AutoPostBack="True" CssClass="DropDownStyle">
</asp:DropDownList>
</td>
</tr>
<tr>
<td class="tdLabel">
State :
</td>
<td>
<asp:UpdatePanel ID="upnlPermState" runat="server" UpdateMode="Conditional" RenderMode="Inline">
<ContentTemplate>
<asp:DropDownList ID="ddl_tabConDet_perm_state" runat="server" Width="180px" CssClass="DropDownStyle"
AutoPostBack="False">
</asp:DropDownList>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddl_tabConDet_perm_country" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
</td>
<td class="tdLabel">
State :
</td>
<td>
<asp:UpdatePanel ID="upnlTempState" runat="server" UpdateMode="Conditional" RenderMode="Inline">
<ContentTemplate>
<asp:DropDownList ID="ddl_tabConDet_temp_state" runat="server" Width="180px" CssClass="DropDownStyle"
AutoPostBack="False">
</asp:DropDownList>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddl_tabConDet_temp_country" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
</td>
</tr>
<tr>
<td class="tdLabel">
City :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_perm_city" runat="server" Width="180px"></asp:TextBox>
</td>
<td class="tdLabel">
City :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_temp_city" runat="server" Width="180px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="tdLabel">
Postal Code :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_perm_postcd" runat="server" Width="60px" onKeyUp="counter(this,6)"
onChange="counter(this,6)"></asp:TextBox>
</td>
<td class="tdLabel">
Postal Code :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_temp_postcd" runat="server" Width="60px" onKeyUp="counter(this,6)"
onChange="counter(this,6)"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="4">
</td>
</tr>
<tr>
<td class="tdLabel">
Phone 1 :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_personal_no" runat="server" Width="150px" onKeyUp="counter(this,12)"
onChange="counter(this,12)"></asp:TextBox>
</td>
<td class="tdLabel">
Phone 2 :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_personal_no2" runat="server" Width="150px" onKeyUp="counter(this,12)"
onChange="counter(this,12)"></asp:TextBox>
</td>
</tr>
<tr>
<td class="tdLabel">
Personal Email :
</td>
<td>
<asp:TextBox ID="txt_tabConDet_personal_email" runat="server" Width="150px"></asp:TextBox>
</td>
<td class="tdLabel">
Communication :
</td>
<td>
<asp:DropDownList ID="ddl_tabConDet_communication" runat="server" Width="148px" CssClass="DropDownStyle"
AutoPostBack="False">
</asp:DropDownList>
</td>
</tr>
<tr>
<td colspan="4" align="left" class="tdLabel">
If both Addressess are Same:<asp:CheckBox ID="chkSameAddress" runat="server" OnCheckedChanged="chkSameAddress_CheckedChanged"
AutoPostBack="True" />
</td>
</tr>
<tr>
</tr>
</table>
</asp:Panel>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="chkSameAddress" EventName="CheckedChanged">
</asp:AsyncPostBackTrigger>
</Triggers>
</asp:UpdatePanel>
<div>
</div>
</cc1:TabPanelContainer>
</cc1:TabPanel>
</cc1:TabContainer>
</div>