Support Article
Alignment of Filter icons shown differently on different browser
SA-38823
Summary
Alignment of filter icons in Repeating Grid shown differently on Google Chrome and Internet Explorer 11.
Filter Icon is widely spaced on Internet Explorer whereas it is closer to the column label on Google chrome
In Internet Explorer 11, the Filter icon is at the far right of the column header, appearing just to the left of the next column header.
This is confusing as it give the impression that the filter icon applies to the next column.
In Google Chrome, the Filer Icon is just to the right of the header text, clearing indicating that the icon goes with that column.
Error Messages
Not Applicable
Steps to Reproduce
1. Create a section and include a repeat grid in it.
2. Enable filtering option for the entire grid.
Observe that the filter icon position is different in Internet Explorer and Chrome browsers.
Root Cause
Filter icon is positioned correctly in Internet Explorer browser but in Chrome browser, it is not correct.
Resolution
Apply below local change to both the browsers to make it behave consistently.
Filter icon will be positioned far right of the column header.
<style>
DIV.gridDefault .filter {
position: absolute!important;
}
</style>
Published July 25, 2017 - 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.