I want to mark the borders of the selected row.
I use the css
Hello Polarim,Please let me know if you have any further questions regarding this issue.
Hello drpoalim,
The css I previously suggested will put a top and bottom border so you could add 2 more css selectors to set a left border for the first td and a right border for the last td.
So the they can look something like this:
<style type="text/css">
.igg_ActiveRow > td
{
background-color: inherit;
border-top-color: Red !important;
border-top-width: 2px !important;
border-top-style: solid !important;
border-bottom-color: Red !important;
border-bottom-width: 2px !important;
border-bottom-style: solid !important;
}
.igg_ActiveRow > td:first-child
border-left-color: Red !important;
border-left-width: 2px !important;
border-left-style: solid !important;
.igg_ActiveRow > td:last-child
border-right-color: Red !important;
border-right-width: 2px !important;
border-right-style: solid !important;
</style>
Setting the border settings directly for the tr element will not work in this case since in the default css of the grid’s table the border-collapse is set to “separate” but if you prefer you could overwrite that and use just the border settings directly for the active row. For example
.igg_ActiveRow
border-color: Red !important;
border-width: 2px !important;
border-style: solid !important;
margin: 5px;
.igg_Control table
border-collapse:collapse !important;
Both should give the same result. Let me know if you have any questions or concerns.
Best Regards,
Maya Kirova
Developer Support Engineer
Infragistics, Inc.
http://ko.infragistics.com/support
I dont want this border around each cell.
I want the border around the entire row.
So I dont want to have this definitions applied to the borders between the cells.
I show the difference in the attached image.
Thank you for posting in our forum.
On the cell level the following class is overwriting the setting:
tbody.igg_Item >tr >td
If you need to overwrite that setting to have a border around the row you need to set for example:
border-top-style:solid !important;
border-bottom-style:solid !important;
The !important tag will ensure that those settings won’t be overwritten by the default settings of the grid.
Let me know if you have any questions or concerns.