RadGrid in RadWindow has a style issue

[Shannon]

Hello,

there is a strange style issue when imbed a rad grid directly inside a rad window. As you can see from the screenshot, the row position is way off and covering the header, but all other rad grid I use outside the rad window look just fine. and it's reproducible in all browsers.

here is the code:

<telerik:RadWindow ID="rwFilters" Modal="true" runat="server" Behaviors="Close, Move, Resize" Title="Filter"
IconUrl="~/Images/close1.png" Width="995px" Height="530px">
<ContentTemplate>

<telerik:RadGrid ID="RadGrid3" runat="server" GridLines="None" HeaderStyle-HorizontalAlign="Center"
Width="970px" AllowPaging="false" Height="200px" AutoGenerateColumns="false" EnableAjaxSkinRendering="true" EnableEmbeddedBaseStylesheet="true"
HorizontalAlign="Justify" AllowMultiRowSelection="True" OnNeedDataSource="RadGrid3_NeedDataSource"
AllowFilteringByColumn="false" AllowSorting="false" Skin="Vista" >
<MasterTableView HorizontalAlign="left" DataKeyNames="ID">
<NoRecordsTemplate>No record found.</NoRecordsTemplate>
<Columns>
<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" Visible="true">
<HeaderStyle HorizontalAlign="Left" Width="30px" />
</telerik:GridClientSelectColumn>
<telerik:GridBoundColumn
Display="false"
DataField="ID"
HeaderText=""
UniqueName="ID"
SortExpression="ID"
AllowFiltering="false"
ReadOnly="True" >
<HeaderStyle Width="50px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="State"
HeaderText="State"
UniqueName="State"
SortExpression="State"

DataType ="System.String"
ReadOnly="True">
<HeaderStyle Width="60px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="County"
HeaderText="County"
UniqueName="County"
SortExpression="County"
AllowFiltering="true"
DataType ="System.String"
ReadOnly="True" >
<HeaderStyle Width="80px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="CityOrZip"
HeaderText="City/Zip"
UniqueName="CityOrZip"
SortExpression="CityOrZip"

DataType ="System.String"
ReadOnly="True">

</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="Street"
HeaderText="Street"
UniqueName="Street"
SortExpression="Street"

DataType ="System.String"
ReadOnly="True" >
<HeaderStyle Width="80px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="Status"
HeaderText="Status"
UniqueName="Status"
SortExpression="Status"

DataType ="System.String"
ReadOnly="True" >
<HeaderStyle Width="80px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="PropertyType"
HeaderText="Type"
UniqueName="PropertyType"
SortExpression="PropertyType"

DataType ="System.String"
ReadOnly="True" FilterControlWidth="60px">
<HeaderStyle Width="80px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="SaleDate"
HeaderText="SaleDate"
UniqueName="SaleDate"
SortExpression="SaleDate"
DataType ="System.String"
ReadOnly="True">
<HeaderStyle Width="90px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="Bedroom"
HeaderText="Bedroom"
UniqueName="Bedroom"
SortExpression="Bedroom"

DataType ="System.String"
ReadOnly="True" FilterControlWidth="30px">
<HeaderStyle Width="70px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="Bathroom"
HeaderText="Bathroom"
UniqueName="Bathroom"
SortExpression="Bathroom"

DataType ="System.String"
ReadOnly="True" FilterControlWidth="30px">
<HeaderStyle Width="70px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="SqFt"
HeaderText="SqFt"
UniqueName="SqFt"
SortExpression="SqFt"

DataType ="System.String"
ReadOnly="True" FilterControlWidth="60px">
<HeaderStyle Width="90px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="YearBuit"
HeaderText="YearBuit"
UniqueName="YearBuit"
SortExpression="YearBuit"

DataType ="System.String"
ReadOnly="True" FilterControlWidth="40px">
<HeaderStyle Width="80px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="Unit"
HeaderText="Unit"
UniqueName="Unit"
SortExpression="Unit"

DataType ="System.String"
ReadOnly="True" FilterControlWidth="30px">
<HeaderStyle Width="70px" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="OpeningBid"
HeaderText="OpeningBid"
UniqueName="OpeningBid"
SortExpression="OpeningBid"

DataType ="System.String"
ReadOnly="True" FilterControlWidth="90px">
<HeaderStyle Width="100px" />
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>

<ClientSettings>
<Selecting AllowRowSelect="true"/>
<Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" />
</ClientSettings>
</telerik:RadGrid>
</ContentTemplate>
</telerik:RadWindow>

please help,

Thanks a lot!

[Kostadin]

Hi Shannon,

I tried to replicate the issue that you are facing but to no avail. i prepared a small sample based on the provided code and on my side the grid renders correctly. Could you please give it a try and let me know how it differs from your real setup?

Regards,
Kostadin
Telerik

 

 

[Shannon]

Thanks Kostadin. I fixed it, it was because I changed the css of "rgDataDiv" for another rad grid, and  the one in a rad window inherited the css.

thank you for the investigation.