# Various component problems with responsive forms **URL:** \ **Category:** Questions\ **Created:** [July 28, 2025, 2:39am UTC](https://forum.servoy.com/t/various-component-problems-with-responsive-forms/24045 "2025-07-28T02:39:55Z")\ **Posts on this page:** 3\ **Page:** 1
**Author:** ![Philsta](https://avatars.discourse-cdn.com/v4/letter/p/ce7236/32.png) [@Philsta](https://forum.servoy.com/u/Philsta)\ **Post date:** [July 28, 2025, 2:39am UTC](https://forum.servoy.com/t/various-component-problems-with-responsive-forms/24045/1 "2025-07-28T02:39:55Z")
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! ---
**Author:** ![seain](https://yyz2.discourse-cdn.com/flex010/user_avatar/forum.servoy.com/seain/32/4511_2.png) [@seain](https://forum.servoy.com/u/seain)\ **Post date:** [July 28, 2025, 11:35pm UTC](https://forum.servoy.com/t/various-component-problems-with-responsive-forms/24045/2 "2025-07-28T23:35:09Z")
Perhaps my answer to another question my help. > [@Dynamic Grid Height Without Vertical Scrollbars](https://forum.servoy.com/t/dynamic-grid-height-without-vertical-scrollbars/24002/2): > > The three grid forms should be responsive like the container. On each datagrid set responsiveHeight = -1. Here’s an example solution (2025.03): 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. ---
**Author:** ![Philsta](https://avatars.discourse-cdn.com/v4/letter/p/ce7236/32.png) [@Philsta](https://forum.servoy.com/u/Philsta)\ **Post date:** [July 29, 2025, 1:30am UTC](https://forum.servoy.com/t/various-component-problems-with-responsive-forms/24045/3 "2025-07-29T01:30:40Z")
> [@seain](#): > > 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](https://cloud.technophile.services/index.php/s/GpS7R4qMzbGRZRb) The password is: 74PH69ZbZg