Attacted File : problem.png
There is a gap between the Radgrid and RadTextbox.
I want there to be no gap between the grid and the box.
Please Help me.
<div class="content_table_box1 div_Width grid_outer_line_td" style="text-align: right; border-top: 2px solid #1b409b; height: 610px;">
<telerik:radgrid id="gv" runat="server" allowpaging="true" allowsorting="true" enableembeddedskins="false" height="610px"
cellspacing="0" autogeneratecolumns="false" gridlines="Both" pagesize="100" onneeddatasource="gv_NeedDataSource" onexcelexportcellformatting="gv_ExcelExportCellFormatting">
<ClientSettings>
<Selecting AllowRowSelect="True" />
<Resizing AllowColumnResize="True" AllowRowResize="false" ResizeGridOnColumnResize="false" ClipCellContentOnResize="true" EnableRealTimeResize="false" AllowResizeToFit="false" />
<Scrolling AllowScroll="True" UseStaticHeaders="True" FrozenColumnsCount="5"></Scrolling>
</ClientSettings>
<MasterTableView AlternatingItemStyle-Wrap="true" EnableNoRecordsTemplate="true" ShowHeader="true" ShowHeadersWhenNoRecords="true" Width="100%" ItemStyle-Wrap="false" HeaderStyle-Wrap="false" HeaderStyle-Font-Bold="true" TableLayout="Fixed">
<ColumnGroups>
<telerik:GridColumnGroup HeaderText="D" Name="D0" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Height="22"></telerik:GridColumnGroup>
</ColumnGroups>
<Columns>
<telerik:GridBoundColumn DataField="ALC_CODE" HeaderText="ALC" Visible="true">
<HeaderStyle Width="100px" CssClass="main_column_header2" HorizontalAlign="Center" VerticalAlign="Middle" />
<ItemStyle Width="100px" CssClass="rgAltRow" HorizontalAlign="Center" VerticalAlign="Middle" Height="22px" BackColor="White" />
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn DataField="D0_T1" HeaderText="1T" Visible="true" ColumnGroupName="D0">
<HeaderStyle Width="65px" CssClass="main_column_header2" HorizontalAlign="Center" VerticalAlign="Middle" Font-Size="11px"/>
<ItemStyle Width="65px" CssClass="rgAltRow" HorizontalAlign="Center" VerticalAlign="Middle" Height="22px" BackColor="White" />
<ItemTemplate>
<telerik:RadTextBox ID="D0_T1" runat="server" Text='<%#Bind("D0_T1")%>' MaxLength="4" Style="text-align: center" Width="60px" ></telerik:RadTextBox>
</ItemTemplate>
</telerik:GridTemplateColumn>
Hi Anna,
It seems that the appearance is a result of a custom CSS on the page.
Could you please capture the current behavior with the FiddlerJam tool and provide us the log so we can inspect the Page and see if we can define what is actually causing the problem? Check out how to Capture network logs & log issues with Fiddler Jam in ASP.NET Web Forms.
In the meantime, I would suggest you use the DevTools of the Browser and inspect the rendered HTML and the applied styles, and try to define the origin of the problem yourself.
The first two points of the Improve Your Debugging Skills with Chrome DevTools blog post will help you with that.