Support Article
On resizing the screen the data is getting merged
SA-27950
Summary
When user resizes the screen of the portal, Screen get distorted and contents in the screen are getting merged.
Error Messages
Not Applicable
Steps to Reproduce
1. Run a report definition.
2. Resize the window.
3. Observe the issue.
Root Cause
This is an expected behavior.
The below css has padding left set to 80.px which is required to be changed based on the number of characters:
@media screen and (max-width: 768px) {
div.default .grid-responsive-default #gridBody_right .gridTable tr.cellCont td.gridCell {
position:relative;
height: auto !important;
padding-left: 80.0px;
}
}
Resolution
Include the below style in userworkform which will get applied to all the grids.
Here the padding left is changed to 220.0 px
<style>
@media screen and (max-width: 768px) {
div.default .grid-responsive-default #gridBody_right .gridTable tr.cellCont td.gridCell {
position:relative;
height: auto !important;
padding-left: 220.0px !important;
}
}
</style>
Published November 8, 2016 - 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.