We are trying to use a boder around the row to indicate the active row. We have it working using a DrawFilter to draw the border after the row is drawn. It is working...but it is hard to get a border bold enough to make it clear that the row is active without some other UI element over-drawing part of the border.
Is there an easy way to use a CreationFilter (or something else) to inflate a grid element's size? I would like to make some clear space available for a 2 pixel border around the entire RowUIElement so that it is not drawn over by the cell or any other sub element. Here's a picture of what I am having happen currently when a cell is in edit mode.
You might try using CellPadding to create a little padding inside the cells so there is some extra room.
We are using RowSpacingAbove and RowSpacingBelow as a compromise to give a little extra separation between the active row and the rest of the grid so that the thinner border stands out more, but it does not solve the problem because it doesn't give any extra space WITHIN the row object for a thicker border. It just adds space between the rows.
Cell padding seems to do the opposite...it adds extra space within the cell objects, but doesn't leave any addtional space out side of the cells for border drawing. If you put a thicker boder on the row, the cell active cell object just draws over it as seen in the image on the original post.
What I really need to do is make the row object taller while keeping the cell elements their original size and centered in the space so that I have more room within the row object for a thicker border.
Any Ideas?