Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

In Screenlayout, footer is partially visible in mobile view



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


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

Was this useful?

0% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us