4 New Grouping Grid Skins: Vista, Bold, Win2k3 and Soft
Nearly 6 months ago a wrote a post showing how you can use ASP.NET 3.5's new ListView and LinqDataSource controls to create a pretty sweet looking grouping grid. Well I recently created a few additional skins for my original grid that I thought I would share. You can follow the link to the demo site to see them in action and if you are interested in learning more you should read my original post and then download the sample site and step through some of the code.
All of the themes use exactly the same markup. All images (including expand/collapse icons, sorting icon and pager icons) are controlled via CSS. My original post used ImageButtons, but I replaced these with LinkButtons. This seems to be working out pretty well - I can use the CommandName and CommandArgumnet properties to hook into some the ListView and DataPager's advanced features, but I can also move the image reference to the stylesheet.
I am pretty happy with how these look, but I am still thinking I need to make a few changes ...
- I need some sort of progress indicator. I would like to try adding the Vista themed one I wrote about last week to the bottom status bar of the Vista themed grid. I am betting that would look pretty awesome.
- I need to do something else with the sort indicator in the header (it probably isn't that obvious but clicking this icon sorts the groups by their key - CustomerID for my sample grids).
- I used 2 types of pager buttons (Vista and Bold use the same buttons and so do Windows 2003 and Soft). I like how the buttons work with the Soft skin but I could probably find some better ones for the others
Let me know what you think ...
That's it. Enjoy!