AnsweredAssumed Answered

Form UI Issue

Question asked by dorothyfan on Apr 19, 2017
Latest reply on Sep 14, 2017 by emha

I have a UI as below design. There are some component on different panel. Panel B and C will either display one and I use rule to control the panel or panel's component to hide or disable.

Design

When I create the form, Panel C is hided. But I don't know why Panel E will overlap with Panel B and D. I expect Panel E will be rendered below Panel B and D.

Stage 1

 

The most strange thing happen. When I submitted the form and the status change. Panel B will hide and Panel C will appear. It show what I expected.

Stage 2

The Panel C contains 3 more panels and set rule to control the hide behavior. Will this affect the panel E at stage 1? I have checked the html for panel C is display: none; But Panel E div style are different at Stage 1 and Stage 2.

 

I would like to know how to solve this problem? 

Outcomes