Support Article
In Screenlayout, footer is partially visible in mobile view
SA-47610
Summary
Dynamic layout footer height is not responsive in Mobile and desktop application. Data is getting truncated in Mobile device.
Error Messages
Not Applicable
Steps to Reproduce
1. Create a Screen layout with Header-Footer-Left panel in the Skin Rule
2. Place four layouts in the footer section and keep some text on the dynamic layouts.
Root Cause
An issue in the custom application code or rules: the footer is having four layouts in it.
So, at runtime for the mobile view it will be displayed in a stacked fashion but the user is expecting the second layout to be visible while the first dynamic layout occupying the entire height of the footer.
Resolution
Here’s the explanation for the reported behavior:
The Footer should not be splitted into multiple layouts , if it is then as per the number of layouts used in it it will generate the number of divs.
And the content of the div's will be displayed in a stacked way. So remove the first dynamic layout to resolve this issue.
Published March 30, 2018 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.