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 June 1, 2017 - Updated July 25, 2017

Have a question? Get answers now.

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