Like to get some guidance and/or pointers. I have a form that hides panels based on option selected. The panels hides, so I know the rule validation is working. I have read and done the issues on spacing issues, so this should not be the issue.
When I select an option the appropriate panel shows. BUT..... on form load there "seems" to be a space holder. If I cycle through the options again then the panels also move. I am throwing my arms up as I have redid the form, delete removed the fields and panels and rules.
Hopefully this image gives better meaning to my thought process.
I can only think if this is a CSS issue, but I have not had this issue with other forms and hiding panels. The CSS is default other than the CSS added for spacing. Only this form is having this issue. I have been waiting for my admins to reboot the server and also wondering if this is one of those random glitches.
Solved! Go to Solution.
I believe you are asking for this?
I would presume (as with my other forms), that each panel would "slide" into place when option is selected base on Compliment/Complaint/Escalation, but that is what is not happening.
It will not work in this way, once a control (submitter name) in taking a row other control will not push or slide to that row.
If should be ok if you follow the below picture (not complete)
Here you can hide/show these three panel controls. Here the submitter control is duplicated. The form basic rule is if a control is hidden the value will not be save to the list. So the control which is visible will be saved to the list. Means you can connect the all three to the submitter to the same field.
I want to make sure I have the same perception.
The "Submitter Name" is a Label and is duplicated in all 3 panels, is that correct?
The "Received by" is the input field and those have to be 3 different inputs connected to the same list item, is that correct?
Because my "Submitter Name" panel and fields are not having the issue but rather the fields for:
Compliment Received By , Complaint Received By, and Escalation Received by.
I have 3 different labels and 1 same input field duplicated in 3 different panels.
I think the light bulb went off... I need to have the panel stretch the entire form
So I will have Submitter Label and input as well as Compliment Label an in put in one panel
then duplicate Submitter Label and input as well as Complaint Label and input in another panel
and finally duplicate Submitter Label and input as well as Escalation Label and input in the final panel.
Again All three panels under one another stretching full form width.
I will try this in AM when I get back to work... will let ya know
So it did and did not work. Seems to still be holding a place holder.
The 2nd image, form reloaded, still has what seems to be the place holder the same height as the panels of the Submitter and panel with Priority in it.
3rd and 4th image do what should have been doing in the being, "slide" into place, but still has the place holder. Which I think is the panel with priority in it (can't be certain, suppose I could move it down and test).
5th image the panel with submitter and compliment seem to drop down due to a place holder from the panel with submitter and escalation as well as a place holder for the panel with priority.
So, as long winded as that was. I am still having a "place holder/spacing" issue
Pete, glad you were able to resolve this problem. Would you mind marking an answer as correct if it's all set? This helps others in the community find answers to similar issues
When you use hide and show make sure all the controls are in a panel.
It will get messed up otherwise. Put everything in the panel even the option buttons. There shouldn't be any control floating on the form except panel control.