Edit Filtering Item

2 posts, 0 answers
  1. Jako
    Jako avatar
    107 posts
    Member since:
    Apr 2012

    Posted 05 Jul 2012 Link to this post

    Hi there
    I created a custom skin for my RadGrid, but the Filter Items are not displaying correctly, they are too big.

    I have tried setting almost every available option of the rgFilterRow height, I have set the FilterItemStyle and even created a code behind section

    GridFilteringItem filteringItem = e.Item as GridFilteringItem;
                //set dimensions for the filter textbox 
                filteringItem["Date"].Width = Unit.Pixel(120);
                TextBox box = filteringItem["Status"].Controls[0] as TextBox;
                box.Height = Unit.Pixel(22);

    All the other CSS works fine, but I can't get this to work and its driving me crazy :)

    Here is a section of the css
    .RadGrid_CustomGrid .rgFilterRow
    {
        background:#eee;
        height:22px;
    }
     
    .RadGrid_CustomGrid .rgFilterRow input
    {
        height:22px;
    }
     
    .RadGrid_CustomGrid .rgFilterRow td
    {
        border-bottom:1px solid #828282;
        height:22px;
    }
     
    .RadGrid_CustomGrid .rgFilter
    {
        background-position:0 -300px;
        height:22px;
    }
     
    .RadGrid_CustomGrid .rgFilter:hover
    {
        background-position:0 -350px;
    }
     
    .RadGrid_CustomGrid .rgFilterActive,
    .RadGrid_CustomGrid .rgFilterActive:hover
    {
        background-position:0 -400px;
    }
     
    .RadGrid_CustomGrid .rgFilterBox
    {
        border-color:#8e8e8e #c9c9c9 #c9c9c9 #8e8e8e;
        font-family:Arial, Helvetica, sans-serif;
        color:#333;
    }

  2. Jako
    Jako avatar
    107 posts
    Member since:
    Apr 2012

    Posted 05 Jul 2012 Link to this post

    Hi

    For some reason it was the code behind that broke it all.

    Looking 100% now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top