Support Article
Incorrect data alignment of application in Tab or Mobile view
SA-48214
Summary
Incorrect data alignment on opening the application in a Tab or Mobile.
Error Messages
Not Applicable.
Steps to Reproduce
Open the portal on a Tab or Mobile. The header and grids are not aligned correctly.Root Cause
An issue in the custom application code or rules.
Resolution
Perform the below local-change:
The below CSS has padding left set to 80.0 pixels should 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;
}
}
Include the below style in the UserWorkForm which applies to all the grids.
The padding left is changed to 220.0 pixels:
<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;
}
}
Published February 6, 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.