Jump to content

How do I reduce the height of a block in post-submit?

Go to solution Solved by Beyondspace,

Recommended Posts

Posted (edited)

I added a form in my website and it looks great! The problem is the height doesn't reduce after a response is submitted, it stays the same as before submission (image attached below).

This is an even worse problem when the form isn't inside a lightbox.

By the way... is there any way to automatically move the viewer's screen to the bottom of the page after completing the form?

Reference image:

 

image.thumb.png.d8fbacdcd894b325ffac95abdc210b9d.png

 

Thank you in advance! 🙂

Edited by lackin
  • Replies 1
  • Views 968
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution
Posted
7 hours ago, lackin said:

I added a form in my website and it looks great! The problem is the height doesn't reduce after a response is submitted, it stays the same as before submission (image attached below).

This is an even worse problem when the form isn't inside a lightbox.

Website:
https://hawk-horse-trbf.squarespace.com/jwmi
Password:
1324

By the way... is there any way to automatically move the viewer's screen to the bottom of the page after completing the form?

Reference image:

 

image.thumb.png.d8fbacdcd894b325ffac95abdc210b9d.png

 

Thank you in advance! 🙂

You can try adding the following custom CSS

.react-form-contents.react-form-contents--submitted .field-list{
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.