Various component problems with responsive forms

I’m in the thick of it developing a complex solution and am bumping against strange problems, maybe somebody can provide me with a sanity check :

  • Form Container

When a Form Container is put on a responsive form, let’s say I put a responsive form in the container with a component like data-grid with height of 0, the contained form does not inherit the full height, effectively staying at heigh 0.

I can verify that the form works as expected when not inside of a Form Container.

The workaround is to fix the height of the form inside the Form Container but then it is not responsive anymore…

  • Form component Container

same behavior as the Form Container stated above, so my usage of this very helpfull tool is limited… [ EDIT: I made a sample solution to demonstrate and it seems to work for a Component Container, but still have not found the solution for a Form Container ]

  • Simple Collapsible

Any way to make it vertical ?

I put a button in the simple-collapsible-toggle div, but the click goes through thereby toggling the content div, any way to change in css so thet the click wont go through the button?

[ EDIT: Any way to change the collapsed state programmatically? I’ve tried using add/remove ngutils ClassFromDOMElement but I cannot figure it out ]

  • Group Buttons

The onDataChange event does not fire, what am I missing? [ EDIT: OK got it I needed to set the property dataProvider for it to fire, documentation seems not so clear on this matter… ]

Thanks a bunch for any help on these matters!

Perhaps my answer to another question my help.

Otherwise, if you could share a simple solution with your problem it may be easier to help.

A responsive form will only take as much height as it needs to show its content. Its content determines its height, not the parent container/form.

I beg to differ, I have a working solution that demonstate that a responsive form can indeed take the full height of the parent container, at least in two cases:

  • In sidenav/contained form
  • In a Form Component Container (yes it works! I must have done something wrong in my previous solution)

However, it doesn’t seem to work for a Form Container as demonstrated in the sample solution… I wonder why?

Here is a link to sample solution

The password is: 74PH69ZbZg