locked
Extra space between tabstrip and content in TabContainer RRS feed

  • Question

  • User-1466119671 posted

    This is not a problem with the tabcontainer or tabpanel, just something I am doing wrong.  I've fiddled with it for a long time and get it to work right, so I am asking here.

    In Google Chrome, I am getting about 3 pixels of extra space vertically between my tab headers and the box containing my content.  I'm clearly doing something wrong.  I have looked at code, compared it to other code that I have working properly, and I can not find an issue.  Does anyone have any suggestions regarding what I should look at?  my css is working in other spots properly for my tabcontainer.  I've tried to dig in with the web inspector in chrome & firefox but no luck.  Any suggestions are appreciated.  TIA.

    Thursday, October 10, 2019 4:12 PM

All replies

  • User-719153870 posted

    Hi Wallym,

    I thought we have solved this problem at Display slightly off in IE with TabContainer.

    I have looked at code, compared it to other code that I have working properly, and I can not find an issue. 

    Maybe you could share your current code which met this issue again and let the communit help.

    Best Regard,

    Yang Shen

    Friday, October 11, 2019 4:12 AM
  • User-1466119671 posted

    Yang,

    The previous problem is resolved.  The tabstrip is working properly everywhere, but on one webform and then only in chrome.  Very frustrating.  It is something that I am doing wrong on this screen within the tabcontainer.  There is a lot of functionality here, so try not to laugh at it.

    <asp:UpdatePanel ID="upTab" runat="server" RenderMode="Inline" UpdateMode="Conditional">
    <ContentTemplate>
    <actk:TabContainer ID="tc" runat="server"
    OnActiveTabChanged="tc_ActiveTabChanged"
    AutoPostBack="true" CssClass="MyTabStyle">
    <actk:TabPanel ID="tpActivityLog" runat="server"
    HeaderText="Activity Log" AccessKey="a">
    <HeaderTemplate>
    Activity Log
    </HeaderTemplate>
    <ContentTemplate>
    <asp:Panel ID="pnlActivityLog" runat="server" >
    <span class="form-free-label">Activity Log</span>
    <asp:GridView id="gvNextStep" runat="server" Width="98%" BorderWidth="0px"
    CellPadding="0" AutoGenerateColumns="False"
    GridLines="None" ClientIDMode="AutoID">
    <AlternatingRowStyle BackColor="Wheat"></AlternatingRowStyle>
    <HeaderStyle BackColor="Silver"></HeaderStyle>
    <Columns>
    <asp:TemplateField AccessibleHeaderText="Next Step" HeaderText="Next Step">
    <ItemTemplate>
    <asp:TextBox Runat="server" ID="txtNextStepNextStep" title="Next Step" Text='<%# Eval("NextStep") %>' cssclass="form-textbox" TextMode="MultiLine" Rows="2" Columns="60"/>
    </ItemTemplate>
    <HeaderStyle CssClass="form-free-label" />
    </asp:TemplateField>
    <asp:TemplateField AccessibleHeaderText="Target Date" HeaderText="Target">
    <ItemTemplate>
    <asp:TextBox ID="txtNextStageTarget"
    runat="server" CssClass="form-textbox"
    Text='<%# HelperFunctions.DisplayDateInTextField(Eval("Target")) %>'
    onchange='validateDate("date", this.value)' />
    </ItemTemplate>
    <HeaderStyle CssClass="form-free-label" />
    </asp:TemplateField>
    <asp:TemplateField AccessibleHeaderText="Completed Date"
    HeaderText="Completed Date">
    <ItemTemplate>
    <asp:TextBox ID="txtNextStageComplete"
    runat="server" CssClass="form-textbox"
    Text='<%#HelperFunctions.DisplayDateInTextField(Eval("Complete")) %>'
    onchange='validateDate("date", this.value)' />

    </ItemTemplate>
    <HeaderStyle CssClass="form-free-label" />
    </asp:TemplateField>
    <asp:TemplateField AccessibleHeaderText="Delete" HeaderText="Delete">
    <ItemTemplate>
    <asp:checkbox ID="cbRemoveNextStep" Runat="server" CssClass="form-label" title="Delete Next Step" />
    <asp:HiddenField ID="hdNextStepId" runat="server" Value='<%#Eval("DCID")%>' />
    </ItemTemplate>
    <HeaderStyle CssClass="form-free-label" />
    </asp:TemplateField>
    </Columns>
    </asp:GridView>

    <div class="TabAddLocation">
    <asp:Button ID="btnAddNextStep" runat="server" Text="Add New Next Step"
    onclick="btnAddNextStep_Click" CssClass="form-command_button" />
    </div>
    </asp:Panel>
    </ContentTemplate>
    </actk:TabPanel>
    <actk:TabPanel ID="tpIssues" runat="server"
    HeaderText="Issues" AccessKey="i">
    <HeaderTemplate>
    Issues
    </HeaderTemplate>
    <ContentTemplate>
    <asp:Panel ID="pnlIssues" runat="server" Visible="false" >
    <span class="form-label">Issues</span>
    <table>
    <tr>
    <td>
    <asp:CheckBox ID="cbTitle6Race" runat="server" AutoPostBack="true" Text="Title VI Race" OnCheckedChanged="cbTitle6Race_CheckChanged" CssClass="form-free-label" />
    </td>
    <td>
    <asp:CheckBox ID="cbTitle6Color" runat="server" AutoPostBack="true" Text="Title VI Color" OnCheckedChanged="cbTitle6Color_CheckChanged" CssClass="form-free-label" />
    </td>
    <td>
    <asp:CheckBox ID="cbSection504" runat="server" AutoPostBack="true" Text="Section 504" OnCheckedChanged="cbSection504_CheckChanged" CssClass="form-free-label" />
    </td>
    <td>
    <asp:CheckBox ID="cbAge" runat="server" AutoPostBack="true" Text="Age" OnCheckedChanged="cbAge_CheckChanged" CssClass="form-free-label" />
    </td>
    <td>
    <asp:CheckBox ID="cbRetaliation" runat="server" AutoPostBack="true"
    Text="Retaliation"
    CssClass="form-free-label" oncheckedchanged="cbRetaliation_CheckedChanged" Visible="false" /></td>
    </tr>
    <tr>
    <td>
    <asp:CheckBox ID="cbTitle6NationalOrigin" runat="server" AutoPostBack="true" Text="Title VI National Origin" OnCheckedChanged="cbTitle6NationalOrigin_CheckChanged" CssClass="form-free-label" />
    </td>
    <td>
    <asp:CheckBox ID="cbTitle9" runat="server" AutoPostBack="true" Text="Title IX" OnCheckedChanged="cbTitle9_CheckChanged" CssClass="form-free-label" />
    </td>
    <td>
    <asp:CheckBox ID="cbTitleII" runat="server" AutoPostBack="true" Text="Title II" OnCheckedChanged="cbTitleII_CheckChanged" CssClass="form-free-label" />
    </td>
    <td>
    <asp:CheckBox ID="cbOtherStatus" runat="server" AutoPostBack="true"
    CssClass="form-free-label" OnCheckedChanged="cbOtherStatus_CheckChanged"
    Text=" Other Status" />
    </td>
    <td>
    <asp:CheckBox ID="cbUnknown" runat="server" AutoPostBack="true"
    CssClass="form-free-label" OnCheckedChanged="cbUnknown_CheckChanged"
    Text="Unknown" Visible="false" />
    </td>
    </tr>
    </table>
    <asp:DataList ID="dlIssues" runat="server">
    <HeaderTemplate>
    <table>
    </HeaderTemplate>
    <FooterTemplate>
    </table>
    </FooterTemplate>
    <ItemTemplate>
    <tr>
    <td>
    <asp:HiddenField ID="hdIssuesDCID" runat="server" Value='<%# Eval("DCID") %>' />
    <asp:Label ID="lblIssuesSpecificBasis" AssociatedControlID="ddlIssuesSpecificBasis" runat="server" Text="Specific Basis: " CssClass="form-free-label" />
    </td>
    <td >
    <asp:HiddenField ID="hdIssuesSpecificBasis" runat="server" Value='<%#Eval("SpecificBasis")%>' />
    <asp:DropDownList ID="ddlIssuesSpecificBasis" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlIssuesSpecificBasis_SelectedIndexChanged" CssClass="form-expansive_select" >
    </asp:DropDownList>
    </td>
    </tr>
    <tr>
    <td>
    <asp:Label ID="lblIssuesIssues" AssociatedControlID="ddlIssuesIssues" runat="server" Text="Issues: " CssClass="form-free-label"/>
    </td>
    <td >
    <asp:HiddenField ID="hdIssuesIssues" runat="server" Value='<%#Eval("lkIssueId") %>' />
    <asp:DropDownList ID="ddlIssuesIssues" runat="server" CssClass="form-expansive_select" />
    </td>
    </tr>
    <tr>
    <td>
    <asp:Label ID="lblIssuesClassWide" CssClass="form-label"
    AssociatedControlID="cbIssuesClassWide" runat="server" Text="Class Wide" />
    </td>
    <td>
    <asp:CheckBox ID="cbIssuesClassWide" runat="server"
    Checked='<%#DisplayChecked(Eval("ClassWide")) %>' />
    </td>
    </tr>
    <tr>
    <td colspan="2">
    <asp:CheckBox ID="cbIssuesDelete" runat="server" Text="Delete" CssClass="form-label" />
    </td>
    </tr>
    </ItemTemplate>
    <SeparatorTemplate>
    <tr>
    <td colspan="2">
    <hr width="95%" />
    </td>
    </tr>
    </SeparatorTemplate>

    </asp:DataList>
    <div class="TabAddLocation">
    <asp:Button ID="btnAddNewIssues" runat="server" OnClick="btnAddNewIssues_Click" Text="Add New Issues" CssClass="form-command_button" />
    </div>
    </asp:Panel>
    </ContentTemplate>
    </actk:TabPanel>
    <actk:TabPanel ID="tpOrganziation" runat="server"
    HeaderText="Organization" AccessKey="o">
    <HeaderTemplate>
    Organization
    </HeaderTemplate>
    <ContentTemplate>
    <asp:Panel ID="pnlOrganization" runat="server" Visible="false">
    <span class="form-free-label">Organization</span><br />
    <table border="0">
    <tr>
    <td>
    <asp:Label ID="lblRecipientRecipientCode" runat="server"
    AssociatedControlID="txtRecipientRecipientCode" CssClass="form-label" >Recipient Code</asp:Label>
    </td>
    <td colspan="5">
    <asp:TextBox ID="txtRecipientRecipientCode" runat="server"
    CssClass="form-textbox" Enabled="False" />
    </td>
    </tr>

    <tr>
    <td>
    <asp:Label ID="lblRecipientRecipient" runat="server"
    AssociatedControlID="txtRecipientRecipient" CssClass="form-label" >Recipient Name</asp:Label>
    </td>
    <td colspan="5">
    <asp:TextBox ID="txtRecipientRecipient" runat="server" CssClass="form-textbox" Columns="50" />
    </td>
    </tr>
    <tr>
    <td>
    <asp:Label ID="lblRecipientAddress" runat="server"
    AssociatedControlID="txtRecipientAddress" CssClass="form-label" >Address</asp:Label>
    </td>
    <td colspan="5">
    <asp:TextBox ID="txtRecipientAddress" runat="server" CssClass="form-textbox" Columns="50" />
    </td>
    </tr>
    <tr>
    <td>
    <asp:Label ID="lblRecipientCity" runat="server"
    AssociatedControlID="txtRecipientCity" CssClass="form-label" >City</asp:Label>
    </td>
    <td>
    <asp:TextBox ID="txtRecipientCity" runat="server" CssClass="form-textbox" />
    </td>
    <td>
    <asp:Label ID="lblRecipientState" runat="server"
    AssociatedControlID="ddlRecipientState" CssClass="form-label" >State</asp:Label>
    </td>
    <td>
    <asp:DropDownList ID="ddlRecipientState" runat="server" CssClass="form-expansive_select" />
    </td>
    <td>
    <asp:Label ID="lblRecipientZipCode" runat="server"
    AssociatedControlID="txtRecipientZipCode" CssClass="form-label" >Zip Code</asp:Label>
    </td>
    <td>
    <asp:TextBox ID="txtRecipientZipCode" runat="server" CssClass="form-textbox" />
    </td>
    </tr>
    <tr>
    <td>
    <asp:Label ID="lblRecipientWebSite" runat="server"
    AssociatedControlID="txtRecipientWebSite" CssClass="form-label" >Web Site</asp:Label>
    </td>
    <td >
    <asp:TextBox ID="txtRecipientWebSite" runat="server" CssClass="form-textbox" />
    </td>
    <td>
    <asp:Label ID="lblRecipientEmail" runat="server" AssociatedControlID="txtRecipientEmail" CssClass="form-label" >
    Email Address:
    </asp:Label>
    </td>
    <td>
    <asp:TextBox ID="txtRecipientEmail" runat="server" CssClass="form-textbox" onblur="validateEmail(this)" />
    </td>
    <td>
    <asp:Label ID="lblRecipientPhone_Number" runat="server" AssociatedControlID="txtRecipientPhone_Number" CssClass="form-label" >
    Phone Number:
    </asp:Label>
    </td>
    <td>
    <asp:TextBox ID="txtRecipientPhone_Number" runat="server" CssClass="form-textbox" />
    </td>
    </tr>
    <tr>
    <td>
    <asp:Label ID="lblRecipientHead" runat="server" CssClass="form-label"
    AssociatedControlID="ddlRecipientHead">Recipient Head</asp:Label>
    </td>
    <td>
    <asp:DropDownList ID="ddlRecipientHead" runat="server" CssClass="form-expansive_select" />
    </td>
    <td>
    <asp:Label ID="lblRecipientLastName" runat="server" CssClass="form-label"
    AssociatedControlID="txtRecipientLastName">Last Name</asp:Label>
    </td>
    <td>
    <asp:TextBox ID="txtRecipientLastName" runat="server" CssClass="form-textbox" />
    </td>
    <td>
    <asp:Label ID="lblRecipientFirstName" runat="server" CssClass="form-label"
    AssociatedControlID="txtRecipientFirstName">First Name</asp:Label>
    </td>
    <td>
    <asp:TextBox ID="txtRecipientFirstName" runat="server" CssClass="form-textbox" />
    </td>
    </tr>
    <tr>
    <td>
    <asp:Label ID="lblRecipientMiddleName" runat="server" CssClass="form-label"
    AssociatedControlID="txtRecipientMiddleName">Middle Name</asp:Label>
    </td>
    <td>
    <asp:TextBox ID="txtRecipientMiddleName" runat="server" CssClass="form-textbox" />
    </td>
    <td>
    <asp:Label ID="lblRecipientTitle" runat="server" CssClass="form-label"
    AssociatedControlID="txtRecipientTitle">Recipient Title</asp:Label>
    </td>
    <td colspan="3">
    <asp:TextBox ID="txtRecipientTitle" runat="server" CssClass="form-textbox" />
    </td>
    </tr>
    </table>
    </asp:Panel>
    </ContentTemplate>
    </actk:TabPanel>
    <actk:TabPanel ID="tpStatus" runat="server"
    HeaderText="Status" AccessKey="t">
    <HeaderTemplate>
    Status
    </HeaderTemplate>
    <ContentTemplate>
    <asp:Panel ID="pnlStatus" runat="server" Visible="false">
    <asp:HiddenField ID="hdStatusDescriptionMaxSize" runat="server" />
    <span class="form-label">Status</span><br />
    <asp:GridView ID="gvCaseActivity" runat="server"
    BorderWidth="0" CellSpacing="0"
    CellPadding="0" Width="100%"
    AutoGenerateColumns="False"
    GridLines="None" ClientIDMode="AutoID">
    <RowStyle HorizontalAlign="Left" VerticalAlign="Top" BorderWidth="0" />
    <AlternatingRowStyle BackColor="Wheat" HorizontalAlign="Left" VerticalAlign="Top" BorderWidth="0" />
    <HeaderStyle BackColor="Silver" CssClass="form-label" HorizontalAlign="Left" VerticalAlign="Top" />
    <Columns>
    <asp:TemplateField HeaderText="Date Edited" AccessibleHeaderText="Date Edited">
    <ItemTemplate>
    <asp:TextBox ID="txtTACaseActivitySubmissionDate" runat="server" CssClass="form-label" Text='<%# HelperFunctions.DisplayDateInTextField(Eval("SubmissionDate")) %>' />
    </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Current" AccessibleHeaderText="Current">
    <ItemTemplate>
    <asp:CheckBox ID="cbCurrent" runat="server" CssClass="form-label" Checked='<%#IsCurrent(Eval("IsCurrent"))%>' />
    </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Description" AccessibleHeaderText="Description">
    <ItemTemplate>
    <asp:TextBox TextMode="MultiLine" runat="server" Columns="70" Rows="10" CssClass="form-textbox" ID="txtDescription" Text='<%#Eval("Description") %>' onkeyup="ProtectMaxSize(this)" />
    </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Delete" AccessibleHeaderText="Delete">
    <ItemTemplate>
    <asp:HiddenField ID="ActivityId" runat="server" Value='<%#Eval("tstTACaseActivityId") %>' />
    <asp:CheckBox ID="cbDelete" runat="server" />
    </ItemTemplate>
    </asp:TemplateField>
    </Columns>
    </asp:GridView>
    <asp:Button ID="btnAddNewCaseActivity" Text="Add Status" runat="server"
    onclick="btnAddNewCaseActivity_Click" CssClass="form-command_button" />

    </asp:Panel>
    </ContentTemplate>
    </actk:TabPanel>
    <actk:TabPanel ID="tpAudience" runat="server"
    HeaderText="Audience" AccessKey="a">
    <HeaderTemplate>
    Audience
    </HeaderTemplate>
    <ContentTemplate>
    <asp:Panel ID="pnlAudience" runat="server" Visible="false">
    <span class="form-free-label">Audience</span><br />
    <div width="98%">
    <asp:GridView ID="gvAudience" runat="server" AutoGenerateColumns="false"
    Width="100%" GridLines="None" >
    <HeaderStyle BackColor="Silver" CssClass="form-label" />
    <AlternatingRowStyle BackColor="Wheat" />
    <Columns>
    <asp:TemplateField AccessibleHeaderText="Audience" HeaderText="Audience">
    <ItemTemplate>
    <asp:HiddenField ID="hdAudienceDCID" runat="server" Value='<%#Eval("DCID")%>' />
    <asp:HiddenField ID="hdAudienceAudienceType" runat="server"
    Value='<%#Eval("AudienceType")%>' />
    <asp:DropDownList ID="ddlAudienceAudienceType" runat="server"
    CssClass="form-expansive_select" OnSelectedIndexChanged="ddlAudienceAudienceType_SelectedIndexChanged" />
    </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField AccessibleHeaderText="Delete" HeaderText="Delete">
    <ItemTemplate>
    <asp:CheckBox ID="cbAudienceRemove" runat="server" CssClass="form-label"
    Text="Delete" />
    </ItemTemplate>
    </asp:TemplateField>
    </Columns>
    </asp:GridView>
    <div class="TabAddLocation">
    <asp:Button ID="btnAudienceAdd" runat="server" Text="Add Audience"
    CssClass="form-command_button" onclick="btnAudienceAdd_Click" />
    </div>
    </div>
    </asp:Panel>
    </ContentTemplate>
    </actk:TabPanel>
    <actk:TabPanel ID="tpOCRStaff" runat="server"
    HeaderText="OCR Staff" AccessKey="o">
    <HeaderTemplate>
    OCR Staff
    </HeaderTemplate>
    <ContentTemplate>
    <asp:Panel ID="pnlOCRStaff" runat="server" Visible="false">
    <span class="form-free-label">OCR Staff</span>

    <asp:DataList ID="dlOCRStaff" runat="server" ClientIDMode="AutoID">
    <HeaderTemplate>
    <table border="0">
    </HeaderTemplate>
    <FooterTemplate>
    </FooterTemplate>
    <ItemTemplate>
    <tr>
    <td>
    <asp:Label ID="lblOCRStaffOffice" runat="server" CssClass="form-label" AssociatedControlID="ddlOCRStaffOffice" Text="Office" />
    </td>
    <td>
    <asp:Label ID="lblOCRStaffStaff" runat="server" CssClass="form-label" AssociatedControlID="ddlOCRStaffCISID" Text="Staff" />
    </td>
    <td>
    <asp:Label ID="lblOCRStaffRole" runat="server" CssClass="form-label" AssociatedControlID="ddlOCRStaffRoleStaffCode" Text="Role" />
    </td>
    </tr>
    <tr>
    <td>
    <asp:DropDownList ID="ddlOCRStaffOffice" runat="server" CssClass="form-expansive_select" OnSelectedIndexChanged="ddlOCRStaffOffice_SelectedIndexChanged" AutoPostBack="true" />
    <asp:HiddenField ID="hdOCRStaffOfficeID" runat="server" Value='<%# HelperFunctions.CalculateOfficeFromStaffCISID(Convert.ToString(Eval("CISID"))) %>' />
    </td>
    <td>
    <asp:DropDownList ID="ddlOCRStaffCISID" runat="server" CssClass="form-expansive_select" />
    <asp:HiddenField ID="hdOCRStaffCISID" runat="server" Value='<%# Eval("CISID") %>' />
    </td>
    <td>
    <asp:DropDownList ID="ddlOCRStaffRoleStaffCode" runat="server" CssClass="form-expansive_select" />
    <asp:HiddenField ID="hdOCRStaffRoleStaffCode" runat="server" Value='<%# Eval("RoleStaffCode") %>' />
    </td>
    </tr>
    <tr>
    <td>
    <asp:Label ID="lblOCRStaffNotes" runat="server" CssClass="form-label" AssociatedControlID="txtOCRStaffNotes" Text="Notes" />
    </td>
    <td>
    <asp:Label ID="lblOCRStaffStart" runat="server" CssClass="form-label" AssociatedControlID="txtOCRStaffStart" Text="Start" />
    </td>
    <td>
    <asp:Label ID="lblOCRStaffEnd" runat="server" CssClass="form-label" AssociatedControlID="txtOCRStaffEnd" Text="End" />
    </td>
    </tr>
    <tr>
    <td>
    <asp:TextBox ID="txtOCRStaffNotes" runat="server" TextMode="MultiLine" Columns="30" Rows="4" Text='<%# Eval("Notes") %>' CssClass="form-textbox" />
    </td>
    <td>
    <asp:TextBox ID="txtOCRStaffStart" Text='<%# HelperFunctions.DisplayDateInTextField(Eval("StartDate")) %>' runat="server" CssClass="form-textbox" onchange='validateDate("date", this.value)' />
    </td>
    <td>
    <asp:TextBox ID="txtOCRStaffEnd" Text='<%# HelperFunctions.DisplayDateInTextField(Eval("EndDate")) %>' runat="server" CssClass="form-textbox" onchange='validateDate("date", this.value)' />
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <asp:CheckBox ID="cbOCRStaffRemove" runat="server" Text="Delete" CssClass="form-label" />
    <asp:HiddenField ID="hdOCRStaffDCID" runat="server" Value='<%# Eval("DCID") %>' />
    </td>
    </tr>
    </ItemTemplate>
    <SeparatorTemplate>
    <tr>
    <td colspan="3">
    <hr width="98%" />
    </td>
    </tr>
    </SeparatorTemplate>
    </asp:DataList>
    <div class="TabAddLocation">
    <asp:Button ID="btnOCRStaffAddRecord" runat="server" Text="Add Staff Member" OnClick="btnOCRStaffAddRecord_Click" CssClass="form-command_button" />
    </div>
    </asp:Panel>
    </ContentTemplate>
    </actk:TabPanel>
    </actk:TabContainer>
    </ContentTemplate>
    </asp:UpdatePanel>

    Friday, October 11, 2019 6:17 PM
  • User-719153870 posted

    Hi Wallym,

    Sorry for long time no response, i was on the weekend.

    I built a demo with the code in your post and since there's no css in it, i used the code in your erlier thread which is below and the demo worked well in chrome.

    <style>
            .MyTableStyle .ajax__tab_header:after {
                clear: both;
            }
    
            .MyTableStyle .ajax__tab_header:before, .MyTabStyle .ajax__tab_header:after {
                content: "";
                display: table;
            }
    
            .MyTabStyle .ajax__tab_header {
                font-family: "Helvetica Neue", Arial, Sans-Serif;
                font-size: 30px;
                font-weight: bold;
            }
    
            .MyTableStyle .ajax__tab_tab {
            }
    
            .MyTabStyle .ajax__tab_header .ajax__tab_outer {
            }
    
            .MyTabStyle .ajax__tab_header .ajax__tab_inner {
                font-size: 15px;
            }
    
            .MyTabStyle .ajax__tab_hover .ajax__tab_outer {
            }
    
            .MyTabStyle .ajax__tab_hover .ajax__tab_inner {
            }
    
            .MyTabStyle .ajax__tab_active .ajax__tab_outer {
            }
        </style>

    I changed a little part of your code and fit some test data so that the demo can run successfully.

    My guess is that there's something incorrect in your css code which you could provide if possible and let us help.

    Below i will share with the demo code which should have nothing to do with the problem you met but just in case it has:

    ASPX:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TabContainerDemo.aspx.cs" Inherits="WebFormDemo04_No_Authentication_.TabContainerDemo" %>
    
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <style>
            .MyTableStyle .ajax__tab_header:after {
                clear: both;
            }
    
            .MyTableStyle .ajax__tab_header:before, .MyTabStyle .ajax__tab_header:after {
                content: "";
                display: table;
            }
    
            .MyTabStyle .ajax__tab_header {
                font-family: "Helvetica Neue", Arial, Sans-Serif;
                font-size: 30px;
                font-weight: bold;
            }
    
            .MyTableStyle .ajax__tab_tab {
            }
    
            .MyTabStyle .ajax__tab_header .ajax__tab_outer {
            }
    
            .MyTabStyle .ajax__tab_header .ajax__tab_inner {
                font-size: 15px;
            }
    
            .MyTabStyle .ajax__tab_hover .ajax__tab_outer {
            }
    
            .MyTabStyle .ajax__tab_hover .ajax__tab_inner {
            }
    
            .MyTabStyle .ajax__tab_active .ajax__tab_outer {
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
            <div>
                <asp:UpdatePanel ID="upTab" runat="server" RenderMode="Inline" UpdateMode="Conditional">
                    <ContentTemplate>
                        <ajaxToolkit:TabContainer ID="tc" runat="server"
                            
                            AutoPostBack="true" CssClass="MyTabStyle">
                            <ajaxToolkit:TabPanel ID="tpActivityLog" runat="server"
                                HeaderText="Activity Log" AccessKey="a">
                                <HeaderTemplate>
                                    Activity Log
                                </HeaderTemplate>
                                <ContentTemplate>
                                    <asp:Panel ID="pnlActivityLog" runat="server">
                                        <span class="form-free-label">Activity Log</span>
                                        <asp:GridView ID="gvNextStep" runat="server" Width="98%" BorderWidth="0px"
                                            CellPadding="0" AutoGenerateColumns="False"
                                            GridLines="None" ClientIDMode="AutoID">
                                            <AlternatingRowStyle BackColor="Wheat"></AlternatingRowStyle>
                                            <HeaderStyle BackColor="Silver"></HeaderStyle>
                                            <Columns>
                                                <asp:TemplateField AccessibleHeaderText="Next Step" HeaderText="Next Step">
                                                    <ItemTemplate>
                                                        <asp:TextBox runat="server" ID="txtNextStepNextStep" title="Next Step" Text='<%# Eval("NextStep") %>' CssClass="form-textbox" TextMode="MultiLine" Rows="2" Columns="60" />
                                                    </ItemTemplate>
                                                    <HeaderStyle CssClass="form-free-label" />
                                                </asp:TemplateField>
                                                <asp:TemplateField AccessibleHeaderText="Target Date" HeaderText="Target">
                                                    <ItemTemplate>
                                                        <asp:TextBox ID="txtNextStageTarget"
                                                            runat="server" CssClass="form-textbox"
                                                            Text="Text"
                                                            onchange='validateDate("date", this.value)' />
                                                    </ItemTemplate>
                                                    <HeaderStyle CssClass="form-free-label" />
                                                </asp:TemplateField>
                                                <asp:TemplateField AccessibleHeaderText="Completed Date"
                                                    HeaderText="Completed Date">
                                                    <ItemTemplate>
                                                        <asp:TextBox ID="txtNextStageComplete"
                                                            runat="server" CssClass="form-textbox"
                                                            Text="Text"
                                                            onchange='validateDate("date", this.value)' />
    
                                                    </ItemTemplate>
                                                    <HeaderStyle CssClass="form-free-label" />
                                                </asp:TemplateField>
                                                <asp:TemplateField AccessibleHeaderText="Delete" HeaderText="Delete">
                                                    <ItemTemplate>
                                                        <asp:CheckBox ID="cbRemoveNextStep" runat="server" CssClass="form-label" title="Delete Next Step" />
                                                        <asp:HiddenField ID="hdNextStepId" runat="server" Value='<%#Eval("DCID")%>' />
                                                    </ItemTemplate>
                                                    <HeaderStyle CssClass="form-free-label" />
                                                </asp:TemplateField>
                                            </Columns>
                                        </asp:GridView>
    
                                        <div class="TabAddLocation">
                                            <asp:Button ID="btnAddNextStep" runat="server" Text="Add New Next Step"
                                                 CssClass="form-command_button" />
                                        </div>
                                    </asp:Panel>
                                </ContentTemplate>
                            </ajaxToolkit:TabPanel>
                            <ajaxToolkit:TabPanel ID="tpIssues" runat="server"
                                HeaderText="Issues" AccessKey="i">
                                <HeaderTemplate>
                                    Issues
                                </HeaderTemplate>
                                <ContentTemplate>
                                    <asp:Panel ID="pnlIssues" runat="server" Visible="false">
                                        <span class="form-label">Issues</span>
                                        <table>
                                            <tr>
                                                <td>
                                                    <asp:CheckBox ID="cbTitle6Race" runat="server" AutoPostBack="true" Text="Title VI Race"  CssClass="form-free-label" />
                                                </td>
                                                <td>
                                                    <asp:CheckBox ID="cbTitle6Color" runat="server" AutoPostBack="true" Text="Title VI Color"  CssClass="form-free-label" />
                                                </td>
                                                <td>
                                                    <asp:CheckBox ID="cbSection504" runat="server" AutoPostBack="true" Text="Section 504"  CssClass="form-free-label" />
                                                </td>
                                                <td>
                                                    <asp:CheckBox ID="cbAge" runat="server" AutoPostBack="true" Text="Age"  CssClass="form-free-label" />
                                                </td>
                                                <td>
                                                    <asp:CheckBox ID="cbRetaliation" runat="server" AutoPostBack="true"
                                                        Text="Retaliation"
                                                        CssClass="form-free-label"  Visible="false" /></td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:CheckBox ID="cbTitle6NationalOrigin" runat="server" AutoPostBack="true" Text="Title VI National Origin"  CssClass="form-free-label" />
                                                </td>
                                                <td>
                                                    <asp:CheckBox ID="cbTitle9" runat="server" AutoPostBack="true" Text="Title IX"  CssClass="form-free-label" />
                                                </td>
                                                <td>
                                                    <asp:CheckBox ID="cbTitleII" runat="server" AutoPostBack="true" Text="Title II"  CssClass="form-free-label" />
                                                </td>
                                                <td>
                                                    <asp:CheckBox ID="cbOtherStatus" runat="server" AutoPostBack="true"
                                                        CssClass="form-free-label"
                                                        Text=" Other Status" />
                                                </td>
                                                <td>
                                                    <asp:CheckBox ID="cbUnknown" runat="server" AutoPostBack="true"
                                                        CssClass="form-free-label" 
                                                        Text="Unknown" Visible="false" />
                                                </td>
                                            </tr>
                                        </table>
                                        <asp:DataList ID="dlIssues" runat="server">
                                            <HeaderTemplate>
                                                <table>
                                            </HeaderTemplate>
                                            <FooterTemplate>
                                                </table>
                                            </FooterTemplate>
                                            <ItemTemplate>
                                                <tr>
                                                    <td>
                                                        <asp:HiddenField ID="hdIssuesDCID" runat="server" Value='<%# Eval("DCID") %>' />
                                                        <asp:Label ID="lblIssuesSpecificBasis" AssociatedControlID="ddlIssuesSpecificBasis" runat="server" Text="Specific Basis: " CssClass="form-free-label" />
                                                    </td>
                                                    <td>
                                                        <asp:HiddenField ID="hdIssuesSpecificBasis" runat="server" Value='<%#Eval("SpecificBasis")%>' />
                                                        <asp:DropDownList ID="ddlIssuesSpecificBasis" runat="server" AutoPostBack="true"  CssClass="form-expansive_select">
                                                        </asp:DropDownList>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="lblIssuesIssues" AssociatedControlID="ddlIssuesIssues" runat="server" Text="Issues: " CssClass="form-free-label" />
                                                    </td>
                                                    <td>
                                                        <asp:HiddenField ID="hdIssuesIssues" runat="server" Value='<%#Eval("lkIssueId") %>' />
                                                        <asp:DropDownList ID="ddlIssuesIssues" runat="server" CssClass="form-expansive_select" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="lblIssuesClassWide" CssClass="form-label"
                                                            AssociatedControlID="cbIssuesClassWide" runat="server" Text="Class Wide" />
                                                    </td>
                                                    <td>
                                                        <asp:CheckBox ID="cbIssuesClassWide" runat="server"
                                                            Checked="true" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">
                                                        <asp:CheckBox ID="cbIssuesDelete" runat="server" Text="Delete" CssClass="form-label" />
                                                    </td>
                                                </tr>
                                            </ItemTemplate>
                                            <SeparatorTemplate>
                                                <tr>
                                                    <td colspan="2">
                                                        <hr width="95%" />
                                                    </td>
                                                </tr>
                                            </SeparatorTemplate>
    
                                        </asp:DataList>
                                        <div class="TabAddLocation">
                                            <asp:Button ID="btnAddNewIssues" runat="server"  Text="Add New Issues" CssClass="form-command_button" />
                                        </div>
                                    </asp:Panel>
                                </ContentTemplate>
                            </ajaxToolkit:TabPanel>
                            <ajaxToolkit:TabPanel ID="tpOrganziation" runat="server"
                                HeaderText="Organization" AccessKey="o">
                                <HeaderTemplate>
                                    Organization
                                </HeaderTemplate>
                                <ContentTemplate>
                                    <asp:Panel ID="pnlOrganization" runat="server" Visible="false">
                                        <span class="form-free-label">Organization</span><br />
                                        <table border="0">
                                            <tr>
                                                <td>
                                                    <asp:Label ID="lblRecipientRecipientCode" runat="server"
                                                        AssociatedControlID="txtRecipientRecipientCode" CssClass="form-label">Recipient Code</asp:Label>
                                                </td>
                                                <td colspan="5">
                                                    <asp:TextBox ID="txtRecipientRecipientCode" runat="server"
                                                        CssClass="form-textbox" Enabled="False" />
                                                </td>
                                            </tr>
    
                                            <tr>
                                                <td>
                                                    <asp:Label ID="lblRecipientRecipient" runat="server"
                                                        AssociatedControlID="txtRecipientRecipient" CssClass="form-label">Recipient Name</asp:Label>
                                                </td>
                                                <td colspan="5">
                                                    <asp:TextBox ID="txtRecipientRecipient" runat="server" CssClass="form-textbox" Columns="50" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Label ID="lblRecipientAddress" runat="server"
                                                        AssociatedControlID="txtRecipientAddress" CssClass="form-label">Address</asp:Label>
                                                </td>
                                                <td colspan="5">
                                                    <asp:TextBox ID="txtRecipientAddress" runat="server" CssClass="form-textbox" Columns="50" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Label ID="lblRecipientCity" runat="server"
                                                        AssociatedControlID="txtRecipientCity" CssClass="form-label">City</asp:Label>
                                                </td>
                                                <td>
                                                    <asp:TextBox ID="txtRecipientCity" runat="server" CssClass="form-textbox" />
                                                </td>
                                                <td>
                                                    <asp:Label ID="lblRecipientState" runat="server"
                                                        AssociatedControlID="ddlRecipientState" CssClass="form-label">State</asp:Label>
                                                </td>
                                                <td>
                                                    <asp:DropDownList ID="ddlRecipientState" runat="server" CssClass="form-expansive_select" />
                                                </td>
                                                <td>
                                                    <asp:Label ID="lblRecipientZipCode" runat="server"
                                                        AssociatedControlID="txtRecipientZipCode" CssClass="form-label">Zip Code</asp:Label>
                                                </td>
                                                <td>
                                                    <asp:TextBox ID="txtRecipientZipCode" runat="server" CssClass="form-textbox" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Label ID="lblRecipientWebSite" runat="server"
                                                        AssociatedControlID="txtRecipientWebSite" CssClass="form-label">Web Site</asp:Label>
                                                </td>
                                                <td>
                                                    <asp:TextBox ID="txtRecipientWebSite" runat="server" CssClass="form-textbox" />
                                                </td>
                                                <td>
                                                    <asp:Label ID="lblRecipientEmail" runat="server" AssociatedControlID="txtRecipientEmail" CssClass="form-label">
    Email Address:
                                                    </asp:Label>
                                                </td>
                                                <td>
                                                    <asp:TextBox ID="txtRecipientEmail" runat="server" CssClass="form-textbox" onblur="validateEmail(this)" />
                                                </td>
                                                <td>
                                                    <asp:Label ID="lblRecipientPhone_Number" runat="server" AssociatedControlID="txtRecipientPhone_Number" CssClass="form-label">
    Phone Number:
                                                    </asp:Label>
                                                </td>
                                                <td>
                                                    <asp:TextBox ID="txtRecipientPhone_Number" runat="server" CssClass="form-textbox" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Label ID="lblRecipientHead" runat="server" CssClass="form-label"
                                                        AssociatedControlID="ddlRecipientHead">Recipient Head</asp:Label>
                                                </td>
                                                <td>
                                                    <asp:DropDownList ID="ddlRecipientHead" runat="server" CssClass="form-expansive_select" />
                                                </td>
                                                <td>
                                                    <asp:Label ID="lblRecipientLastName" runat="server" CssClass="form-label"
                                                        AssociatedControlID="txtRecipientLastName">Last Name</asp:Label>
                                                </td>
                                                <td>
                                                    <asp:TextBox ID="txtRecipientLastName" runat="server" CssClass="form-textbox" />
                                                </td>
                                                <td>
                                                    <asp:Label ID="lblRecipientFirstName" runat="server" CssClass="form-label"
                                                        AssociatedControlID="txtRecipientFirstName">First Name</asp:Label>
                                                </td>
                                                <td>
                                                    <asp:TextBox ID="txtRecipientFirstName" runat="server" CssClass="form-textbox" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Label ID="lblRecipientMiddleName" runat="server" CssClass="form-label"
                                                        AssociatedControlID="txtRecipientMiddleName">Middle Name</asp:Label>
                                                </td>
                                                <td>
                                                    <asp:TextBox ID="txtRecipientMiddleName" runat="server" CssClass="form-textbox" />
                                                </td>
                                                <td>
                                                    <asp:Label ID="lblRecipientTitle" runat="server" CssClass="form-label"
                                                        AssociatedControlID="txtRecipientTitle">Recipient Title</asp:Label>
                                                </td>
                                                <td colspan="3">
                                                    <asp:TextBox ID="txtRecipientTitle" runat="server" CssClass="form-textbox" />
                                                </td>
                                            </tr>
                                        </table>
                                    </asp:Panel>
                                </ContentTemplate>
                            </ajaxToolkit:TabPanel>
                            <ajaxToolkit:TabPanel ID="tpStatus" runat="server"
                                HeaderText="Status" AccessKey="t">
                                <HeaderTemplate>
                                    Status
                                </HeaderTemplate>
                                <ContentTemplate>
                                    <asp:Panel ID="pnlStatus" runat="server" Visible="false">
                                        <asp:HiddenField ID="hdStatusDescriptionMaxSize" runat="server" />
                                        <span class="form-label">Status</span><br />
                                        <asp:GridView ID="gvCaseActivity" runat="server"
                                            BorderWidth="0" CellSpacing="0"
                                            CellPadding="0" Width="100%"
                                            AutoGenerateColumns="False"
                                            GridLines="None" ClientIDMode="AutoID">
                                            <RowStyle HorizontalAlign="Left" VerticalAlign="Top" BorderWidth="0" />
                                            <AlternatingRowStyle BackColor="Wheat" HorizontalAlign="Left" VerticalAlign="Top" BorderWidth="0" />
                                            <HeaderStyle BackColor="Silver" CssClass="form-label" HorizontalAlign="Left" VerticalAlign="Top" />
                                            <Columns>
                                                <asp:TemplateField HeaderText="Date Edited" AccessibleHeaderText="Date Edited">
                                                    <ItemTemplate>
                                                        <asp:TextBox ID="txtTACaseActivitySubmissionDate" runat="server" CssClass="form-label" Text="Text" />
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Current" AccessibleHeaderText="Current">
                                                    <ItemTemplate>
                                                        <asp:CheckBox ID="cbCurrent" runat="server" CssClass="form-label" Checked="true" />
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Description" AccessibleHeaderText="Description">
                                                    <ItemTemplate>
                                                        <asp:TextBox TextMode="MultiLine" runat="server" Columns="70" Rows="10" CssClass="form-textbox" ID="txtDescription" Text='<%#Eval("Description") %>' onkeyup="ProtectMaxSize(this)" />
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                                <asp:TemplateField HeaderText="Delete" AccessibleHeaderText="Delete">
                                                    <ItemTemplate>
                                                        <asp:HiddenField ID="ActivityId" runat="server" Value='<%#Eval("tstTACaseActivityId") %>' />
                                                        <asp:CheckBox ID="cbDelete" runat="server" />
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                            </Columns>
                                        </asp:GridView>
                                        <asp:Button ID="btnAddNewCaseActivity" Text="Add Status" runat="server"
                                             CssClass="form-command_button" />
    
                                    </asp:Panel>
                                </ContentTemplate>
                            </ajaxToolkit:TabPanel>
                            <ajaxToolkit:TabPanel ID="tpAudience" runat="server"
                                HeaderText="Audience" AccessKey="a">
                                <HeaderTemplate>
                                    Audience
                                </HeaderTemplate>
                                <ContentTemplate>
                                    <asp:Panel ID="pnlAudience" runat="server" Visible="false">
                                        <span class="form-free-label">Audience</span><br />
                                        <div width="98%">
                                            <asp:GridView ID="gvAudience" runat="server" AutoGenerateColumns="false"
                                                Width="100%" GridLines="None">
                                                <HeaderStyle BackColor="Silver" CssClass="form-label" />
                                                <AlternatingRowStyle BackColor="Wheat" />
                                                <Columns>
                                                    <asp:TemplateField AccessibleHeaderText="Audience" HeaderText="Audience">
                                                        <ItemTemplate>
                                                            <asp:HiddenField ID="hdAudienceDCID" runat="server" Value='<%#Eval("DCID")%>' />
                                                            <asp:HiddenField ID="hdAudienceAudienceType" runat="server"
                                                                Value='<%#Eval("AudienceType")%>' />
                                                            <asp:DropDownList ID="ddlAudienceAudienceType" runat="server"
                                                                CssClass="form-expansive_select" />
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField AccessibleHeaderText="Delete" HeaderText="Delete">
                                                        <ItemTemplate>
                                                            <asp:CheckBox ID="cbAudienceRemove" runat="server" CssClass="form-label"
                                                                Text="Delete" />
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                </Columns>
                                            </asp:GridView>
                                            <div class="TabAddLocation">
                                                <asp:Button ID="btnAudienceAdd" runat="server" Text="Add Audience"
                                                    CssClass="form-command_button"  />
                                            </div>
                                        </div>
                                    </asp:Panel>
                                </ContentTemplate>
                            </ajaxToolkit:TabPanel>
                            <ajaxToolkit:TabPanel ID="tpOCRStaff" runat="server"
                                HeaderText="OCR Staff" AccessKey="o">
                                <HeaderTemplate>
                                    OCR Staff
                                </HeaderTemplate>
                                <ContentTemplate>
                                    <asp:Panel ID="pnlOCRStaff" runat="server" Visible="false">
                                        <span class="form-free-label">OCR Staff</span>
    
                                        <asp:DataList ID="dlOCRStaff" runat="server" ClientIDMode="AutoID">
                                            <HeaderTemplate>
                                                <table border="0">
                                            </HeaderTemplate>
                                            <FooterTemplate>
                                            </FooterTemplate>
                                            <ItemTemplate>
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="lblOCRStaffOffice" runat="server" CssClass="form-label" AssociatedControlID="ddlOCRStaffOffice" Text="Office" />
                                                    </td>
                                                    <td>
                                                        <asp:Label ID="lblOCRStaffStaff" runat="server" CssClass="form-label" AssociatedControlID="ddlOCRStaffCISID" Text="Staff" />
                                                    </td>
                                                    <td>
                                                        <asp:Label ID="lblOCRStaffRole" runat="server" CssClass="form-label" AssociatedControlID="ddlOCRStaffRoleStaffCode" Text="Role" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:DropDownList ID="ddlOCRStaffOffice" runat="server" CssClass="form-expansive_select" AutoPostBack="true" />
                                                        <asp:HiddenField ID="hdOCRStaffOfficeID" runat="server" Value="Text" />
                                                    </td>
                                                    <td>
                                                        <asp:DropDownList ID="ddlOCRStaffCISID" runat="server" CssClass="form-expansive_select" />
                                                        <asp:HiddenField ID="hdOCRStaffCISID" runat="server" Value='<%# Eval("CISID") %>' />
                                                    </td>
                                                    <td>
                                                        <asp:DropDownList ID="ddlOCRStaffRoleStaffCode" runat="server" CssClass="form-expansive_select" />
                                                        <asp:HiddenField ID="hdOCRStaffRoleStaffCode" runat="server" Value='<%# Eval("RoleStaffCode") %>' />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="lblOCRStaffNotes" runat="server" CssClass="form-label" AssociatedControlID="txtOCRStaffNotes" Text="Notes" />
                                                    </td>
                                                    <td>
                                                        <asp:Label ID="lblOCRStaffStart" runat="server" CssClass="form-label" AssociatedControlID="txtOCRStaffStart" Text="Start" />
                                                    </td>
                                                    <td>
                                                        <asp:Label ID="lblOCRStaffEnd" runat="server" CssClass="form-label" AssociatedControlID="txtOCRStaffEnd" Text="End" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:TextBox ID="txtOCRStaffNotes" runat="server" TextMode="MultiLine" Columns="30" Rows="4" Text='<%# Eval("Notes") %>' CssClass="form-textbox" />
                                                    </td>
                                                    <td>
                                                        <asp:TextBox ID="txtOCRStaffStart" Text="Text" runat="server" CssClass="form-textbox" onchange='validateDate("date", this.value)' />
                                                    </td>
                                                    <td>
                                                        <asp:TextBox ID="txtOCRStaffEnd" Text="Text" runat="server" CssClass="form-textbox" onchange='validateDate("date", this.value)' />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="3">
                                                        <asp:CheckBox ID="cbOCRStaffRemove" runat="server" Text="Delete" CssClass="form-label" />
                                                        <asp:HiddenField ID="hdOCRStaffDCID" runat="server" Value='<%# Eval("DCID") %>' />
                                                    </td>
                                                </tr>
                                            </ItemTemplate>
                                            <SeparatorTemplate>
                                                <tr>
                                                    <td colspan="3">
                                                        <hr width="98%" />
                                                    </td>
                                                </tr>
                                            </SeparatorTemplate>
                                        </asp:DataList>
                                        <div class="TabAddLocation">
                                            <asp:Button ID="btnOCRStaffAddRecord" runat="server" Text="Add Staff Member" CssClass="form-command_button" />
                                        </div>
                                    </asp:Panel>
                                </ContentTemplate>
                            </ajaxToolkit:TabPanel>
                        </ajaxToolkit:TabContainer>
                    </ContentTemplate>
                </asp:UpdatePanel>
            </div>
        </form>
    </body>
    </html>
    

    CS:

    protected void Page_Load(object sender, EventArgs e)
            {
                DataTable dt1 = new DataTable();
                dt1.Columns.AddRange(new DataColumn[2] { new DataColumn("NextStep"), new DataColumn("DCID") });
                dt1.Rows.Add("AA", "1");
                dt1.Rows.Add("BB",  "2");
                dt1.Rows.Add("CC", "3");
                dt1.Rows.Add("DD",  "4");
                dt1.Rows.Add("EE",  "5");
                dt1.Rows.Add("FF",  "6");
                dt1.Rows.Add("GG", "7");
                gvNextStep.DataSource = dt1;
                gvNextStep.DataBind();
            }

    Best Regard,

    Yang Shen

    Monday, October 14, 2019 2:52 AM
  • User-1466119671 posted

    Wow, you went way beyond what I was hoping for.  I was just looking for some ideas.  I'm going to play around with this some more.  I've been trying things here this morning again, but with no success.  I'm going to work based on your post this afternoon.

    Wally

    Monday, October 14, 2019 5:22 PM
  • User-719153870 posted

    Hi Wallym,

    I've been trying things here this morning again, but with no success.  I'm going to work based on your post this afternoon.

    If you still couldn't get any luck this afternoon, please feel free to share us along with your current code which has css code in it.

    Wish you good luck.

    Best Regard,

    Yang Shen

    Tuesday, October 15, 2019 5:23 AM