Styling a WPF layout grid background (of each cell, row, column)

Question

I would like to know if there is any way to style a WPF layout grid\'s cells, rows and columns. I\'ve been trying to find any information and the few mentions I\'ve found have n

Answer 1

I would recommend using borders for your styling.

You could recreate that layout pretty easily by creating borders for each row and each column and set the rowspans and colspans accordingly.

You will have 5 borders with colspan 2, these borders will take care of your gradient backgrounds for each row and the borders along the top and bottom of each row. Then you will have 2 borders with rowspan 5 these will handle the column borders. Imagine that you are overlaying the borders to form the visual grid effect you are after.

For the header and outer border, just wrap the entire grid with a border and style as needed.

I would recommend storing your styles as resources so you can keep all your styling info in one place.

Take care to learn how the styling works because it is pretty powerful, but there is a learning curve as it is quite different to the way CSS works. I would recommend reading WPF Unleashed if you can.