Auto-height for item

[Pennywise83]

Is it possible to set a item with auto-height attribute? In css I would set the style as "min-height: 200px", if the item content need more vertical space the height changes.
I'm looking for a good angular2 solution that can handle this scenario.

Thanks

[swiety85]

Currently it's not implemented but it's part of the Roadmap:
"New GridsterItem option to dynamically calculate and apply height/width of the item that the content will not have to be scrolled"

[Pennywise83]

Any update on this feature? I think it is important to use angular2gridster with a real application.

[swiety85]

This is not official feature for now, but you can find it in v1.0.0-alfa.
It’s rather half product till the moment when responsive item size will not be delivered. Then I will try to deliver some more clean and simple solution.
For now you have to use gridster.adjustItemsHeightToContent like it’s described in example below. The param is optional - if you set overflow not on inner item element, then you should use selector for element inside item that is scrollable.
This solution unfortunately will not work in every case. It’s based on last child of scrollable content, so if you will have absolute element in your scrollable container that that is not the last in DOM but renders below everything, it will work as expected.
Never the less I hope that you find it useful enough.
This is an example like it would be used for demo:

onReflow() {
    this.adjustItemsSize();
}
private adjustItemsSize() {
    setTimeout(() => this.gridster.adjustItemsHeightToContent(‚.panel-body’));
}

<gridster … (reflow)="onReflow()”>…</gridster>

Don't hesitate to ask in case of any question.