How do I fix the top and side navigation bars so that only the page content scrolls? Currently when I scroll everything moves.
This is a great question.
Let’s start by fully understanding the page structure for form types formblank
Refer to this drawing:
https://whimsical.com/LLRFN4ZbUzJL8gxAqpjMGm
To ‘freeze’ the page and allow scrolling …
The <body>
tag needs some small CSS to stop it from scrolling:
body { overflow:hidden;}
next the page needs to have its height set to the screen. We can do this with Tailwind classes in the misc tab.
"styleClassesPage" : "h-screen",
"styleClassesBody" : "h-full overflow-scroll"
This makes the main page wrapper a fixed height and the form body maximize within that. ( inner bits ) scroll.
I am coding this off my head so I hope I didn’t miss anything.