Click here to Skip to main content
15,883,705 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Why the template column having multiline Textbox in gridview css issues with IE 11 & iis 8?

Below is the CSS of the gridview used. I added overflow:auto & overflow:hidden but the scroll is shown. I mean for the template column with multiline TextBox in the grid.

C#
.NeST_GRIDMTEXTBOX
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #6B5973;
    FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    HEIGHT:44px;
    width:178px;
    background-color: Transparent;
    border-style:none;
    position:static;
    overflow:auto;
    
}


Below is the gridview design:

<cc1:XDataGrid ID="grdCustEnq" runat="server" AllowPaging="True" AllowCustomPaging="true"
Width="220%" AutoGenerateColumns="False" CssClass="NeST_DATAGRID_FIXED_SIZE" ShowFooter="True"
>
<alternatingitemstyle borderwidth="0px" cssclass="NeST_DATAGRID_CELLDATA2">
<itemstyle borderwidth="0px" cssclass="NeST_DATAGRID_CELLDATA" horizontalalign="Left">

<HeaderStyle CssClass="NeST_DATAGRID_HEADING"></HeaderStyle>
<pagerstyle horizontalalign="Left" mode="NumericPages" wrap="True" cssclass="NeST_DATAGRID_CELLDATANEW">
<columns> <asp:TemplateColumn HeaderText="Sl No.">
<itemtemplate>
<asp:Label runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.SlNo") %>'
ID="SlNo"/>

<asp:ImageButton ID="imgPDF" ToolTip="Click to View Report" CommandName="View" Width="30px" ImageUrl="~/Images/PDF.jpg" runat="server" />


<HeaderStyle Width="3%"/>
<itemstyle horizontalalign="Center">

<asp:TemplateColumn HeaderText="File Type" SortExpression="MessageType">
<itemtemplate>
<asp:TextBox ID="txtFileType" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="133%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.MessageType") %>' >
<input type="hidden" runat="server" id="HidFileId" name="hidId_O" value='<%# DataBinder.Eval(Container, "DataItem.FileId") %>' />

<HeaderStyle Width="3%"/>

<asp:TemplateColumn HeaderText="Value Date">
<itemtemplate>
<asp:TextBox ID="txtValueDate" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="125%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.ValueDate", "{0:dd-MMM-yyyy}") %>' >

<HeaderStyle Width="4%"/>
<itemstyle horizontalalign="Center">

<asp:TemplateColumn HeaderText="Created Date & Time">
<itemtemplate>
<asp:TextBox ID="txtDate" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="114%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.CreatedDate", "{0:dd-MMM-yyyy HH:mm}") %>' >

<HeaderStyle Width="5%"/>
<itemstyle horizontalalign="Center">

<asp:TemplateColumn HeaderText="Amount">
<itemtemplate>
<asp:TextBox ID="txtAmount" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="115%" ReadOnly="true" TextMode="MultiLine" Text='<%# Eval("Amount","{0:###,####,###.00}") %>' >

<HeaderStyle Width="6%"/>


<asp:TemplateColumn HeaderText="Sending Inst. Ref.">
<itemtemplate>
<asp:TextBox ID="txtInstReferee" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="119%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.SendingInstitutionRef") %>' >

<HeaderStyle Width="4%"/>

<asp:TemplateColumn HeaderText="Rel. Ref.">
<itemtemplate>
<asp:TextBox ID="txtRelRef" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="119%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.RelRef") %>' >

<HeaderStyle Width="4%"/>

<asp:TemplateColumn HeaderText="UAEFTS ID">
<itemtemplate>
<asp:TextBox ID="txtUaeFtsID" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="119%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.UaeftsID") %>' >

<HeaderStyle Width="4%"/>

<asp:TemplateColumn HeaderText="FTS File Name">
<itemtemplate>
<asp:TextBox ID="txtFileName" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="119%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.FTSFileName") %>' >

<HeaderStyle Width="5%"/>

<asp:TemplateColumn HeaderText="Status">
<itemtemplate>
<asp:TextBox ID="txtStatus" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="115%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.FStatus") %>' >

<HeaderStyle Width="7%"/>

<asp:TemplateColumn HeaderText="A/C with Institution">
<itemtemplate>
<asp:TextBox ID="txtBeneficiaryAcNo" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="124%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.AccountInstitution") %>' >

<HeaderStyle Width="6%"/>

<asp:TemplateColumn HeaderText="Beneficiary A/C No./Beneficiary A/C Name.">
<itemtemplate>
<asp:TextBox ID="txtBeneficiaryAcName" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="108%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.BeneficiaryAcName") %>' >

<HeaderStyle Width="9%"/>

<asp:TemplateColumn HeaderText="Beneficiary Bank\Ordering Bank">
<itemtemplate>
<asp:TextBox ID="txtBeneficiaryBank" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="110%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.BeneficiaryBank") %>' >

<HeaderStyle Width="7%"/>


<asp:TemplateColumn HeaderText="Order A/C No.">
<itemtemplate>
<asp:TextBox ID="txtOrderAcNo" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="110%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.OrderAcNo") %>' >

<HeaderStyle Width="8%"/>


<asp:TemplateColumn HeaderText="Order A/C Name">
<itemtemplate>
<asp:TextBox ID="txtOrderAcName" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="120%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.OrderAcName") %>' >

<HeaderStyle Width="4%"/>


<asp:TemplateColumn HeaderText="Transaction Type">
<itemtemplate>
<asp:TextBox ID="txtTransactionType" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="120%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.TransactionType") %>' >

<HeaderStyle Width="4%"/>


<asp:TemplateColumn HeaderText="SrcSys">
<itemtemplate>
<asp:TextBox ID="txtSrcSystem" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="140%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.FileFormatType") %>' >

<HeaderStyle Width="2%"/>


<asp:TemplateColumn HeaderText="SrcDept">
<itemtemplate>
<asp:TextBox ID="txtSrcDept" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="130%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.DeptCode") %>' >

<HeaderStyle Width="3%"/>


<asp:TemplateColumn HeaderText="Bank Maker">
<itemtemplate>
<asp:TextBox ID="txtSrcMaker" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="120%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.BankMaker") %>' >

<HeaderStyle Width="4%"/>


<asp:TemplateColumn HeaderText="Bank Checker">
<itemtemplate>
<asp:TextBox ID="txtSrcChecker" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="120%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.BankChecker") %>' >

<HeaderStyle Width="4%"/>

<asp:TemplateColumn HeaderText="Charge Code">
<itemtemplate>
<asp:TextBox ID="txtChargeCode" runat="server" Style="position: static" CssClass="NeST_GRIDMTEXTBOX"
Width="135%" ReadOnly="true" TextMode="MultiLine" Text='<%# DataBinder.Eval(Container, "DataItem.ChargeCode") %>' >

<HeaderStyle Width="2%"/>










What I have tried:

I forcefully made the IE mode to render in 7 even while taking IE 11 Browser. But I want to resolve without doing so as the IE 11 features gets disabled on doing so.
Posted
Comments
Sinisa Hajnal 5-Apr-16 2:29am    
IE still has glitches. But if it works in IE 7 and not in modern version, it is your layout or CSS - modern versions are mostly compliant.

Your grid code is unformatted and useless here since CSS is applied on HTML and not on server side design code. Post first two rows of the grid as it renders in the page.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900