Form Panels Display in Wrong Place

Series Selected

SK Selected

Form Editor

idealy you design hierarchy should look like

• panel across whole form width
  • panel across (first) half of the form width
    • product name label
    • product name control
  • panel across (second) half of the form width
    • pruduct number label
    • product number radio
• panel across whole form width
  • panel across (first) half of the form width
    • series product label
    • product name controls
  • panel across (second) half of the form width
    • SK pruduct label
    • SK product controls

Thank you emha, your suggestion makes complete sense. I have followed it, however sadly it has gotten worse. Both Product Number type panels are completely in the wrong places.

Series Selected

Design Editor

Is there anything else I can try emha? I've done something I saw you suggest to someone else, and put a different color border on each panel. With SK selected, the form looks like this (attached). The green is the full width panel and red is the half panel. In the editor the red panel is completely inside the green panel but on the form it seems to be partly outside of it. Also the green panel as you can see is three contols lower than it should be, and overlapping a text field.

Here is the area of the form in the previous reply, in the design editor. I added borders in the screenshot, to show the panels that are below the full width panel that the Series and SK half panels are on. The purple and orange ones are also formatted so that only one of them is displayed at any time.

I greatly appreciate any more ideas!

- make sure all the lower level controls/panels are really contained within their respective parent panels

- make sure panels do not overlap nor touch each other (vertically nor horizontaly)

- make the same excercise with all the controls on the form, otherwise if they are not contained within the panels they may jump to the other places on the form moreless randomly

- how do you apply formatting rules? - you should apply/assign them to respective panels, not directly to controls

- hopefully you do not show/hide any controls with a javascript

In the editor the red panel is completely inside the green panel but on the form it seems to be partly outside of it.

as mentioned above, that exactly means red panel is not contained within green one.

drag the red panel with mouse a move it around until green panel gets darker, then drop it. if needed enlarge green panel. finally you can fine tune red panel position with arrow keys - this way red panel never crosses green panel boundaries

Also the green panel as you can see is three contols lower than it should be, and overlapping a text field.

that usually happens when multiple panels/controls overlap or touch each other

... I can see plenty of controls that cross panels boundaries. these will be positioned regardless of panels and so move up&move oacross the form.

follow strictly the hints from above

Once I tried to move it with the mouse, it didn't ever get placed within the green panel no matter what sizes I made them - only other panels, or the whole panel. Does "bring to front" do anything to help with this?

I created the red panel by right-clicking inside the green panel and inserting the new panel control. Then I never moved it, only resized it using the horiztontal drag boxes. Why was it not in the green panel in the first place after using insert control from within the panel?

Thank you,

Cheryl

This is a gigantic and complicated form that was created by someone else, and I have to move many other panels and controls down, in order to make room to add the green panel. Is it best to move them individually using the arrow keys rather than doing a mass select and dragging them down with the mouse?

Does "bring to front" do anything to help with this?

shouldn't effect on this

I created the red panel by right-clicking inside the green panel and inserting the new panel control. 

in this case red panel should have been contained with green one.

Why was it not in the green panel in the first place after using insert control from within the panel?

it's a designer annoyance that it sometimes loses track of what contained within what. 

yeah, I found it much reliable either.

with mouse I select (big) block of controls and then move them by keys.

---

@emha wrote:

Why was it not in the green panel in the first place after using insert control from within the panel?

it's a designer annoyance that it sometimes loses track of what contained within what. 

---

Annoyance? I'd call it a bug.

---

@emha wrote:

yeah, I found it much reliable either.

with mouse I select (big) block of controls and then move them by keys.

---

Thank you for all your help @emha! I guess all there is to do is keep trying to make the form understand where the panels are supposed to be.

there're plenty of similar annoyances/bugs but they are hard to document ...

if you've reliable steps to reproduce youc can open an incident.

Hello @emha

Progress.... the controls all remain in the right place, but it shows scroll bars if SK is selected. How can I get rid of the scroll bars? As you can see in the design editor there is plenty of space surrounding the SK subpanel......

Screenshot of the form in the Design Editor

have you configured panels to resize at runtime?

I don't think they were - if they were configured to resize then they overlapped other controls when using the form.

This is finally resolved by having the form as pictured, where the calculated values specify the number of digits to enter in each Part Number field. The ootb SharePoint list validation settings now check that the correct number of digits are entered in each field, depending upon which Product Number Type is selected:

=OR(AND([Product Number Type]="Series Number",AND(LEN([PN 1])=4,AND(LEN([PN 2])=4,LEN([PN 3])=2))),AND([Product Number Type]="SK Number",AND(LEN([PN 1])=5,AND(LEN([PN 2])=3,LEN([PN 3])=2))))