Page 1 of 1

Icon in SFL Header

Posted: Mon Jun 07, 2021 4:43 pm
by JayGoo83
I have a responsive layout. In it I have my SFL expand to layout=True. I have filter/sort icons that are custom for a few columns.
Originally the layout was a standard container and it was expand to layout=False. Now that I have set to true, the absolute positioning of the icons doesn't really work. Is there a way to always keep the icons in their correct columns at a certain distance apart from the column heading text?

Re: Icon in SFL Header

Posted: Mon Jun 07, 2021 8:09 pm
by matt.denninghoff
I don't think I would have enough information about your custom code to answer. The grid's sort and filter icons do not use absolute positioning; they rely on the positions of their parent elements. If your icons use absolute positioning that is different in the responsive layouts vs simple container layouts, then it is possible your elements need to be placed in different parent containers and use different calculations for their positions.

You may simply need to figure out the offset of the sections in responsive layout container and add them to your absolute position calculations.

However, I would avoid using absolute positioning if possible. Perhaps try inserting your icons in the grid header cells, or try overwriting our grid icons.

Re: Icon in SFL Header

Posted: Wed Jul 07, 2021 3:30 pm
by JayGoo83
I ended up solving this using javascript and dynamically positioning them on the onload event. Thanks for your help