Popup content stuck behind row above

Popup content hidden behind table rows in ChronoConnectivity.

Overview

The issue occurs when the popup column uses the 'collapsing' CSS class, which interferes with Bootstrap styling.
Change the column class in the table view settings to any value other than 'collapsing', such as 'popup:one wide'.

Answered
Connectivity v6
he healyhatman 10 Apr, 2018
I have a Task Button in my Chronoconnectivity v6 connection that was supposed to show the details of an item in a popup when clicking. After spending 30 minutes tearing my hair out trying to figure out WHY it wasn't showing anything, I finally figured out the popup content was "behind" the row above it, and I CANNOT figure out how to fix it.

Please advise.
Gr GreyHead 10 Apr, 2018
Hi healyhatman,

Usually you can fix this kind of problem by changing the CSS z-index of the element that is hidden. Would that work here?

Bob
he healyhatman 10 Apr, 2018
I tried setting z-index to 999999999999999, no love.


And yes, there is content in there, it renders as
<div class="ui fluid popup top left transition hidden G2-static-popup popup-timesheet_details_popup_button">HELLO WORLD</div>
Gr GreyHead 10 Apr, 2018
Hi healyhatman ,

Please post a link to the listing so I can take a quick look.

Bob
he healyhatman 11 Apr, 2018
Extra information:

The popup works in the backend view, NOT in the frontend view.
Can be made to work if I remove the template's CSS which includes bootstrap.

Can be made to work (although renders a bit squished) by removing the "collapsing" class from the <td>
he healyhatman 24 Apr, 2018
Answer
FIX: In your table view, under "Columns classes", give your popup column a class of basically anything other than "collapsing".

e.g.
popup:one wide
And then it works. I also wrote a how-to.
https://www.chronoengine.com/forums/posts/t105473/fancy-how-to-popup-row-details
This topic is locked and no more replies can be posted.