Styling Hide/Show Column Selector

Use this board to ask questions or have discussions with other Rich Displays users.
Post Reply
Profound User
Posts: 25
Joined: Mon Jul 03, 2017 1:35 pm
First Name: Ed
Last Name: Kidhardt
Company Name: Conestoga Wood
City: East Earl
State / Province: Pennsylvania
Country: United States

Styling Hide/Show Column Selector

Post by ekidhardt »

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?
User avatar
Profound Logic Staff Member
Posts: 89
Joined: Tue Jun 21, 2016 8:30 am
First Name: Emily
Last Name: Seage
Company Name: Profound Logic

Re: Styling Hide/Show Column Selector

Post by Emily »

Hi Ed,

The problem that you are experiencing was a bug in Profound UI. The fix for this is included in Profound UI Version 6, Fix Pack 0.3. If you upgrade, you should see that this list now scrolls like you're expecting. If you are running Version 6, Fix Pack 0.3 and this isn't working properly for you, please let us know.

I hope that this helps!
Emily Seage
Support Team Lead
New User
Posts: 2
Joined: Mon Mar 28, 2022 1:04 pm
First Name: Thomas
Last Name: Trupiano
Company Name: Brunswick Boat
State / Province: Tennessee
Zip / Postal Code: 37354
Country: United States

Re: Styling Hide/Show Column Selector

Post by »

I am using the "hide columns option" property and it still does not show all the available columns. I had to increase the length of the layout that holds the grid. All the selectable columns to show/hide are now visible, but the scroll bar will not show up. Other applications we have do show the scroll bar. It might be that if the grid is shorter than the size of the "hide columns option", then it does not show all the columns that being selectable. We are at 6.0 Fix Pack 20.0
Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests