Friday, September 16, 2011

ADF Table Skinning

af|table::data-row:selected:inactive af|column::data-cell, af|table::data-row:selected:inactive af|column::banded-data-cell, af|table::data-row:selected:focused af|column::data-cell {
    background-color: rgb(156,172,201);
}
 
af|table::data-row:selected af|column::data-cell, af|column::data-cell:selected {
    background-color:       rgb(102,255,51);
}
 
af|table::data-row:selected af|column::banded-data-cell, af|column::banded-data-cell:selected {
    background-color:         rgb(102,255,51);
}
 
/* Focus row */
af|table::data-row:selected:focused af|column::banded-data-cell {
    background-color: Green;
}
 
af|table::data-row:selected:focused af|column::data-cell {
    background-color: Fuchsia;
}
 
/* hover row */
af|table::data-row:highlighted af|column::data-cell, af|column::data-cell:highlighted {
    background-color:       rgb(28,62,172)
}
 
af|table::data-row:highlighted af|column::banded-data-cell, af|column::banded-data-cell:highlighted {
    background-color: Aqua;
}
 
af|table::content TR:hover {
    background-color: Gray;
}
 
af|table::content TR:hover TD {
    background-color: Orange;
}
 

2 comments:

  1. Hi Good post...

    If we want complete skinning of ADF table. Please refer below blog.

    http://skinningadf.blogspot.in/2015/04/adf-table-skinning.html

    Thanks,
    Venkatesh Dandu

    ReplyDelete
  2. Thanks, this has helped me to change the color of all selected rows in multiple selection table.

    ReplyDelete