Styling Hide/Show Column Selector
Posted: Mon Aug 13, 2018 1:55 pm
Okay - I have a subfile in a layout with 39 columns. It scrolls horizontally and I am trying to allow users to hide / show columns. When the heading is right clicked, a popup appears with a displayed Columns option. When I hover / click this option, a list of all the columns is displayed. The issue is that the list doesn't scroll. I have too many fields,they don't all fit within the list in the layout, and the list does not scroll.
I know how I would go about fixing it - override the "pui-hide-show-columns-list" class with a fixed size for the list and overflow-x to scroll. I am trying to avoid having a single css file for each display file, but adding this to my global css would affect all displays.
Is there a data structure or api to allow me to style this element on the fly from some event in JavaScript?
I know how I would go about fixing it - override the "pui-hide-show-columns-list" class with a fixed size for the list and overflow-x to scroll. I am trying to avoid having a single css file for each display file, but adding this to my global css would affect all displays.
Is there a data structure or api to allow me to style this element on the fly from some event in JavaScript?