Jump to content
  • 0
Sign in to follow this  
ezIQchad

Id="caspioform" Scroll Height

Question

Hello,

Another formatting trick!

 

I previously had challenges getting Caspio Forms to scroll properly. Then I learned about viewport in CSS -> https://web-design-weekly.com/2014/11/18/viewport-units-vw-vh-vmin-vmax/

#caspioform {
  overflow: auto;
  height: calc(100vh - 96px);
}

I use calc() to take into account the header. If you use calc the spaces between the values and the operator(-,+,*,/) is required.

Share this post


Link to post
Share on other sites

1 answer to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...