Hi everybody, I am making a sign up page which includes several groups and in preview by clicking on next the previous group disappears and next group displays. this function work properly, BUT, as I have several groups on the designed page, next group goes down in preview and the users need to scroll down to see the next group. However, it is supposed to replaced exactly with the location of previous groups without scrolling down. Could you help me how to solve this? thanks in advance.
Hi there, what you’ll need to do is check the “Collapse when hidden” setting on each group. This way when you hide each group, and make the next group visible, it will seenlessly take its place on the page.
Thanks msgiblin for your response, I checked it before but this issue was not solved by this way! do you have another suggestion?
Can you make sure that part of your workflow is hiding the groups that shouldn’t be seen? And are you able to share screenshots of the group settings, and how they appear on the page, along with your workflows (are you using custom states to show/hide?)
Let us consider this:
You have 3 groups on the page and wish to make them visible with a specific action by user:
- Create a custom state - isVisible? - Type- Number - Default value 0
- Turn off Visible on Page Load for all the groups
- Add condition to 1st group - When isVisible? is 0, 1 for 2nd Group, 2 for 3rd Group
- When user performs a specific action in Group 1 - Run the workflow to set the state of isVisible? = 1 and so on for 3rd Group
- Make sure you turn on Collapse When hidden for all the Groups
This should solve the issue.
Thanks so much dear msgiblin, it works eventually. my mistake was in selecting the wrong groups for custom states.
1 Like
Thanks very much for your guidance. it is very well structured. it works eventually. my mistake was in selecting the wrong groups for custom states.
This topic was automatically closed after 70 days. New replies are no longer allowed.