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. 


screenshot1.bmp


3. Observe the issue.

screenshot2.bmp


 


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 September 14, 2016 - Updated November 7, 2016

Have a question? Get answers now.

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