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?
Icon in SFL Header
-
- Profound User
- Posts: 36
- Joined: Fri Jul 17, 2020 12:52 pm
- First Name: Jason
- Last Name: Guzik
- Company Name: 3Linc
- Contact:
- matt.denninghoff
- Profound Logic Staff Member
- Posts: 115
- Joined: Wed Feb 10, 2016 3:53 pm
- First Name: Matthew
- Last Name: Denninghoff
- Company Name: Profound Logic Software
- State / Province: Ohio
- Country: United States
- Contact:
Re: Icon in SFL Header
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.
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.
-
- Profound User
- Posts: 36
- Joined: Fri Jul 17, 2020 12:52 pm
- First Name: Jason
- Last Name: Guzik
- Company Name: 3Linc
- Contact:
Re: Icon in SFL Header
I ended up solving this using javascript and dynamically positioning them on the onload event. Thanks for your help
Who is online
Users browsing this forum: No registered users and 9 guests