Support Article
User Interface issue related to Mozila Firefox and Chrome
SA-17871
Summary
The checkbox header and the other checkboxes are not alligned in the same line in mozilla and chrome but is working fine in IE. Functionality is the same in all the browsers.
Error Messages
Not Applicable
Steps to Reproduce
Cell inline styles used.
Root Cause
CSS causing spacing problem.
Resolution
This type of issues can be addressed using inspect element of the browser. The exact HTML element can be used to compute CSS tab to find out the CSS differences as per the requirement.
The following CSS code was added to UserWorkForm in order to address the specific use-case:
tr.oddRow td:first-child>div.oflowDivM {
text-align:center;
}
tr.evenRow td:first-child>div.oflowDivM {
text-align:center;
}
tr.cellCont th:first-child>div.oflowDiv>div.divCont {
padding-right: 0px !important;
width:100%;
text-align:center;
}
The CSS code uses pseudo class which can be handled by Google Chrome.
Published February 9, 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.