This is a migrated thread and some comments may be shown as answers.

[Solved] GridRatingColumn not applying Skin properly

2 Answers 84 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Allan asked on 29 Oct 2010, 07:15 PM

I have a very basic Grid with a GridRatingColumn. I have applied the WebBlue skin to the Grid. However, only the very last record enables the GradRatingColumn to diplay the correct skin colors. Here is a link to a screen shot.

Rad Grid Issue

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default3.aspx.vb" Inherits="Default3" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

</head>

<body>

<form id="form1" runat="server">

<telerik:RadGrid ID="rgd_MyRequests" runat="server" DataSourceID="sds_MyRequests"

GridLines="None" Skin="WebBlue" Width="800px">

<MasterTableView AutoGenerateColumns="False" DataSourceID="sds_MyRequests">

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="EnteredDate" DataType="System.DateTime"

HeaderText="Entered Date" SortExpression="EnteredDate"

UniqueName="EnteredDate" ItemStyle-Width="75px" DataFormatString="{0:MM/dd/yyyy}" ItemStyle-HorizontalAlign="Center">

<ItemStyle HorizontalAlign="Center" Width="75px"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridRatingColumn DataField="Priority" UniqueName="column"

ReadOnly="True" HeaderText="Priority">

<ItemStyle Width="70px" Wrap="False" />

</telerik:GridRatingColumn>

<telerik:GridBoundColumn DataField="Status"

DataType="System.Int32" HeaderText="Status" SortExpression="Status"

UniqueName="Status" ItemStyle-Width="25px" ItemStyle-HorizontalAlign="Center">

<ItemStyle HorizontalAlign="Center" Width="25px"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CategoryName" HeaderText="Issue Category"

SortExpression="CategoryName" UniqueName="CategoryName"

DataType="System.Int32" ItemStyle-Width="75px">

<ItemStyle Width="75px"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Subject" HeaderText="Subject"

SortExpression="Subject" UniqueName="Subject">

</telerik:GridBoundColumn>

</Columns>

<HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"

Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"

Wrap="True" />

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="sds_MyRequests" runat="server"

ConnectionString="<%$ ConnectionStrings:IT_CentralConnectionString %>"

SelectCommand="SELECT [EnteredDate], [Priority], [Status], [CategoryName], [Subject] FROM [vw_ITC_Ticket_Details] WHERE [RequestorUserName] = 'hpotter' AND (CompletedDate IS NULL) ORDER BY [EnteredDate]">

</asp:SqlDataSource>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

</form>

</body>

</html>

2 Answers, 1 is accepted

answered on 02 Nov 2010, 11:08 AM

Hi Allan,

The screenshot URL is inaccessible, please upload the image somewhere.

I don't see anything wrong with your code snippet, except that column width should be set with HeaderStyle-Width, not ItemStyle-Width. Here is a working demo of the rating column:

http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/gridratingcolumn/defaultcs.aspx

Regards,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items