Reflections on Software Development

Personal Blog of Mustafa Basgun

Archive for January 1st, 2008

Locking ListView’s Header and Footer with CSS

with 7 comments

Due to some usability issues and real estate gains on the user inteface, I was thinking to find a way to lock the header (and footer as well if applicable) of a ListView control. After some googling, I found a great resource by Brett Merkey which can be easily implemented to the ListView.

I am not a CSS guru but I was brave enough to play around with the original CSS that I got from that resource, and organized my ListView’s LayoutTemplate as:

Newly modified CSS code is:

After debugging the application file with this new stylesheet, I have:

Download

I have tested my sample code with Firefox, IE6 and IE7; and everything was seeming to work fine. You can download it via here.

Written by Mustafa Basgun

January 1, 2008 at 5:00 PM