Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 9, 2025 at 2:44 pm #1474880
    dp-beheer

    Hi Enfold,

    On a website we maintain, there is an error with the combination of the use of tabs and GravityForms. It happens that the height of the tab content is set to be the same height of the original content. However, when an error message in GravityForms happens, it takes up a lot of space and puts error messages on top of the fields, thus increasing the height. This manages to break the layout and break the tab structure. Activating AJAX on the GravityForms submission does fix some of the problems but it still happens to cut off certain information. I have made a video regarding the issue:
    https://vimeo.com/1045345744

    Could you look into this issue? I think it is a theme issue, as using the Troubleshooting mode makes me believe it is something with recalculating the height whenever such an event has been triggered.

    It seems to happen on the second tab mostly, the first tab seems fine. AJAX does solve some of the problems, but still some space is occupied then.

    Kind regards,
    Sietse

    January 13, 2025 at 7:04 am #1475051
    Ismael

    Hey dp-beheer,

    Thank you for the inquiry.

    You may need to use the Color Section instead of the Tab Section element. This issue occurs because there is no function or script to resize the Tab Section when an event, such as displaying the error notification, occurs on the contact form.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.