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

Incomplete grid regular/alternate item display

6 Answers 81 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Dragan
Top achievements
Rank 1
Dragan asked on 25 Feb 2010, 07:25 PM
Hi,

I have a grid with alternating items with hover properties and with possibility to select.
When I select the second item (or every other second alternate item) then the UI is incomplete as in the picture, that is, only the first portion of the row is selected and the rest not. Any ideas?

Thanks,
Lektira

6 Answers, 1 is accepted

Sort by
0
robertw102
Top achievements
Rank 1
answered on 25 Feb 2010, 07:37 PM
The reason it looks incomplete is because I believe the background-repeat css style is set to repeat-x. So if you change it to this:

div.RadGrid_[SKIN NAME] .rgHoveredRow td { background-repeat: repeat !important; }

It should fill the entire height of the column.

I hope that helps.
0
Dragan
Top achievements
Rank 1
answered on 26 Feb 2010, 03:13 PM
Thanks, but I looked at the css file for the skin I am using but I could not find any reference to the property you are referring to..any other ideas? Does this happen in general? To me it happens once the grid row's height goes over a certain height.
0
Radoslav
Telerik team
answered on 01 Mar 2010, 01:23 PM
Hi Dragan,

Please try the following approach:

<head id="Head1" runat="server">
    <title>Untitled Page</title>
    <style type="text/css" >
    .RadGrid_[SKIN NAME]  .rgSelectedRow 
    
        background-repeat: repeat !important;
    
  
    </style>
</head>

Note that you need to specify the Skin Name that you have used for the Grid.

I hope this helps.

Best wishes,
Radoslav
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.
0
Yavor
Telerik team
answered on 01 Mar 2010, 01:23 PM
Hi Dragan,

Please try the following approach:

<head id="Head1" runat="server">
    <title>Untitled Page</title>
    <style type="text/css" >
    .RadGrid_[SKIN NAME]  .rgSelectedRow 
    
        background-repeat: repeat !important;
    
  
    </style>
</head>

Note that you need to specify the Skin Name that you have used for the Grid.

I hope this helps.

Best wishes,
Yavor
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.
0
Dragan
Top achievements
Rank 1
answered on 01 Mar 2010, 02:24 PM
Hi Yavor,

Thanks for the suggestion but it still doesn't have any effect...is this a common thing? Can it be solved somehow as I am towards the end of the project and I hope it wouldn't affect me changing substantially the grid design..
0
Radoslav
Telerik team
answered on 04 Mar 2010, 11:14 AM
Hi Dragan,

Could you please try adding the following css:

.RadGrid_Office2007 .rgSelectedRow
{
    background-color: #FFCB60  !important;
}

Also could you please check out the following blog post:
http://www.telerik.com/community/forums/community-forums/design/conditional-formatting-skews-all-the-skin-format-once-applied-to-a-row-in-radgrid.aspx#601248

If the issue still persists could you please share with us your RadGrid declaration or send us a simple runnable example which demonstrates the problem. In that way we can reproduce and pinpoint the problems you are facing on our side and provide a solution.

All the best,
Radoslav
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.
Tags
Grid
Asked by
Dragan
Top achievements
Rank 1
Answers by
robertw102
Top achievements
Rank 1
Dragan
Top achievements
Rank 1
Radoslav
Telerik team
Yavor
Telerik team
Share this question
or