Try our conversational search powered by Generative AI!

Auto height css CollectionEditor widget for PropertyList<T>


Thought I'd share this in case someone else needs to do the same thing.

The issue: When having multple IList properties for i.e. a page type each CollectionEditor has a fixed height set (CSS). When a collection gets larger a scrollbar apears so that the user can scroll the collection. This fixed height leads to a lot if wasted space as you can see below.

No auto height

I wanted to have the height set to auto and not use scrollbars

The solution:

Add this css

.epi-collection-editor .dgrid {
height: auto !important;
.epi-collection-editor .dgrid .dgrid-scroller {
position: relative !important;
overflow: visible !important;

I placed those classes in 


which is set as a resource in module.config

The result:
Using height auto

There is a class for the DGrid widget that does pretty much the same thing


I've suggested to Episerver that it would be nice to have this as an option for the CollectionEditor

Mar 01, 2016 9:55


Mar 01, 2016 11:56
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.