Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Ravi Kumar
525
How to Set WebHierarchicalDataGrid row color
posted

Hi ,

I m using WebHierarchicalDataGrid to display data , here i want to set the background color of WebHierarchicalDataGrid to white(currently it is displaying as shown in attached image) in which style i need to change currently i m using Caribbean Style sheet 

Thanks

ravi

  • 525
    Verified Answer
    posted

    i did some changes in the ig_datagrid.css file

    .igg_CaribbeanRowSelector {
    white-space: nowrap !important;
    /*background-color: White;*/
    background-color:rgb(70,130,180) !important;
    border-top: solid 1px #DCDCDC;
    border-right: solid 1px #DCDCDC;
    border-left: solid 1px #DCDCDC;
    width: 35px;
    color: Black;
    text-align: center;
    vertical-align: middle;
    }

    tbody.igg_CaribbeanItem > tr > td {
    white-space: nowrap !important;
    /*background-color: #F4F6F6;*/
    background-repeat: repeat-x;
    background-position: bottom;
    /*background-image: url(images/ItemBackground.gif);*/

    border-top: solid 1px Gainsboro;
    height: 20px;
    line-height: 20px;
    padding: 5px 8px 5px 8px;
    overflow: hidden;
    vertical-align: middle;
    color: black;
    font-size: 8pt;
    text-align: left;
    border: solid 1px #808080;
    border-top-width: 0px;
    border-left-width: 0px;
    font-family: Verdana;
    color: darkslategray !important;
    /*background-color: white !important;*/ /*whitesmoke*/
    padding: 2px 4px 2px 4px;
    }

     

    tbody > tr.igg_CaribbeanAlt > td {
    white-space: nowrap !important;
    background-color: #ffffff;
    background-repeat: repeat-x;
    background-position: top;
    /*background-image: url(images/item_alt.gif);*/
    }


    .igg_CaribbeanSelectedRowSelector {
    white-space: nowrap !important;
    background-color: #6BB6EB;
    background-repeat: no-repeat;
    background-position: left center;
    /*background-image: url(images/selectedrowselector.gif);*/
    }

    tbody > tr > td.igg_CaribbeanSelectedCell {
    white-space: nowrap !important;
    background-color: #b0c4de;
    /*background-image: url(images/igg_selected.gif); #b0c4de */
    color: White;
    }