Incomplete grid regular/alternate item display

7 posts, 0 answers
  1. Dragan Avramovski
    Dragan Avramovski avatar
    9 posts
    Member since:
    Jun 2009

    Posted 25 Feb 2010 Link to this post

    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
  2. robertw102
    robertw102 avatar
    265 posts
    Member since:
    Jul 2007

    Posted 25 Feb 2010 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Dragan Avramovski
    Dragan Avramovski avatar
    9 posts
    Member since:
    Jun 2009

    Posted 26 Feb 2010 Link to this post

    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.
  5. Radoslav
    Admin
    Radoslav avatar
    1564 posts

    Posted 01 Mar 2010 Link to this post

    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.
  6. Yavor
    Admin
    Yavor avatar
    11 posts

    Posted 01 Mar 2010 Link to this post

    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.
  7. Dragan Avramovski
    Dragan Avramovski avatar
    9 posts
    Member since:
    Jun 2009

    Posted 01 Mar 2010 Link to this post

    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..
  8. Radoslav
    Admin
    Radoslav avatar
    1564 posts

    Posted 04 Mar 2010 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017