Do not show partial items in a WPF listbox

Question

I've tried Google and I've tried Bing to no avail. Does anyone here have an idea on how to prevent partial items from appearing in a listbox in WPF? In case that does not make sense here is an example: Listbox is 200 pixels tall - each item is 35 pixels tall. That means I can show 5.7 items. 7/10 of an item is undesirable. I'd like to limit it to showing only 5 items. The user could then scroll to see the additional items.

Should I A) try to dynamically size the listbox or ScrollViewer ViewPort so that it fits perfectly? Or B) implement a custom panel that would not arrange a child whose desired height is more than the remaining vertical space?

Any thoughts would be greatly appreciated. Last note: If anyone knows of a 3rd party control (listbox or grid) that does this I would be interested in that as well.

Answer 1

Just resize it in the designer until you don't get a partial row. Implementing a custom panel is way too much work for something like this.

You could also try a ListView instead of a ListBox. I may be misremembering this, but I think a ListView doesn't show partials, or maybe has an option to not show partial rows.

Answer 2

I have been thinking on this today since my project has been fighting this issue. My thoughts are related to my project but should be applicable. I am assuming a MVVM ViewModel but it would work without it.

Bind a property to the height of the container that the ListBox is in then bind the height of the ListBox to that using a ValueConverter to cause the ListBox to expand or shrink in stages based on the height of a single item. This might look a little funny when resizing but with a brief animation could look fine.

Answer 3

you can achieve this by finding the actual heights of the content of the listbox in dispather and adjust the listbox's height, but, it will make the listbox size either grow or shrink depends on the implementation.

Answer 4

My vote is a custom panel for each item. This panel does not display if it cannot display itself completely. The list can resize as needed because its only job is to be a resizable container that provides an area for the panels. Panels can grow and shrink as needed.