Hi All,
I've used Tabs on my login page for login and signup process. The content for both tabs is different. Sign Up has 8 inputs and 1 button, whereas login has less inputs and buttons which makes the container height comparatively less than the signup container. But when I publish the app and open it in browser or my mobile (using apk), I have a scrollable area for login tab. The scrollable area is equal to the height of signup container. i'm attaching video and images for reference.
I don't understand the logic behind this as both the contents are different so why does it take the largest container's height and keeps it default for all the tabs?
On inspecting, I found that the container takes up the height automatically. It only changes the classes when tabs are changed and some other parameters.
Login tab:
Signup Tab:Widget Tree:
Hi @Aman Devrath ,
this is on purpose (i agree it is odd)
this already came up several months ago, see this post
Since version 2.13.0 there should be the option contentautoheight available (i can see it under OptionalConfigs) I see a note about only being available for web apps though, so not sure what you could do for mobile, maybe try the trick Remco shared in that post.
Dorine
Thank you @Dorine Boudry .
This helped. One more solution mentioned about the ContentAutoHeight optional parameter in Tabs Properties, but it didn't work. The CSS solution worked properly.
Thanks again.
Aman