Bootstrap Popover is clipped in cell

[bootiniMember]

I am displaying a bootstrap popover in a cell in the jqxGrid. I changed the z-index to the popover to be greater than the grid but it still appears clipped. Is there another setting which could be causing the issue.

[dperryParticipant]

The grid cells are absolutely positioned divs with hidden overflow. You’d have to change the positioning of the popover to use fixed positioning to break out of that, but then also figure out where to place it, since fixed positioning places the element out of the document flow.

[bootiniMember]

Okay, I am displaying this popover, in a rendercell function. Can I put html into a custom tool tip and it will not get clipped. My question is will a tooltip get clipped also if it is larger than the cell boundary?

thanks.

[dperryParticipant]

a standard browser tooltip isn’t part of the document, so it would appear over everything without being clipped. A standard tooptip can’t contain html though. It’s just the text that is in the title attribute of the element receiving the tooltip.

A ‘tooltip’ generated by a library, such as the jqwidgets tooltip would be part of the document, and since the jqwidgets tooltip uses absolute positioning, it would be clipped as well.

[Peter StoevKeymaster]

Hi bootini,

if you want to display content above the Grid cells, then you should add that content to the document’s body, position it absolutely with greater Z-Index than the Grid cells and set up your element’s position through CSS. At present, custom tooltips for Grid cells are not supported.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts