Gap between Radgrid and RadTextbox

0 Answers 24 Views
Top achievements
Rank 1
anna asked on 10 Feb 2022, 12:48 PM



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">
                               <Selecting AllowRowSelect="True" />
                               <Resizing AllowColumnResize="True" AllowRowResize="false" ResizeGridOnColumnResize="false" ClipCellContentOnResize="true" EnableRealTimeResize="false" AllowResizeToFit="false" />
  <Scrolling AllowScroll="True" UseStaticHeaders="True" FrozenColumnsCount="5"></Scrolling>
                               <MasterTableView AlternatingItemStyle-Wrap="true" EnableNoRecordsTemplate="true" ShowHeader="true" ShowHeadersWhenNoRecords="true" Width="100%" ItemStyle-Wrap="false" HeaderStyle-Wrap="false" HeaderStyle-Font-Bold="true" TableLayout="Fixed">
                                    <telerik:GridColumnGroup HeaderText="D" Name="D0" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Height="22"></telerik:GridColumnGroup>                                   
                                     <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: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" />
<telerik:RadTextBox ID="D0_T1" runat="server" Text='<%#Bind("D0_T1")%>' MaxLength="4" Style="text-align: center" Width="60px" ></telerik:RadTextBox> 
Telerik team
commented on 11 Feb 2022, 01:55 PM

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.

No answers yet. Maybe you can help?

Asked by
Top achievements
Rank 1
Share this question