Gap between Radgrid and RadTextbox

0 Answers 24 Views
Grid
anna
Top achievements
Rank 1
Bronze
Iron
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">
                       <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>
Doncho
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?

Tags
Grid
Asked by
anna
Top achievements
Rank 1
Bronze
Iron
Share this question
or