Hello there. Some time ago, we implemented cell customization with hyperlink inside using your suggestion(https://www.flexmonster.com/question/hyperlinks-in-cell/). It works perfectly except for one scenario:
1. Click on the cell with hyperlink (with z-index = 1);
2. Try to scroll using the mouse wheel.
Expected: the report content should be scrolled.
Actual: nothing happens as long as the mouse pointer is within the customized cells(with z-index = 1).
Please check it out - https://jsfiddle.net/ow31s5e6/
Hello, Sergii!
Thank you for reaching out to us.
This behavior occurs due to raising the cell’s z-index
, which puts the hyperlink layer above Flexmonster’s scroll container. That layer intercepts mouse-wheel events, so they never reach the scroll pane, and scrolling stops when hovering over such cells. The same area is responsible for handling cell clicks, so raising the z-index
is the only way of making clickable elements added by the customizeCell
.
We suggest the following workarounds that may improve this behavior:
<a>
tag - this way the scroll will only be stuck when hovering directly over the link, not the entire cell: https://jsfiddle.net/flexmonster/p3uk8sra/cellclick
event to open links by clicking on the cell: https://jsfiddle.net/flexmonster/oay35u7k/
Please let us know if our suggestions were helpful.
Best regards,
Maksym
Maksym, thanks for offering these workarounds but wanted to ask more generally why having links in cells requires a workaround? Are there plans to provide a built-in solution that addresses the issue?
Hello Gennady,
Thank you for the question.
Currently, Flexmonster does not provide a built-in ability to display links in the cells. There are no plans to add this feature at the moment, but we have added it to our customers' wishlist. Our team will notify you if there are any updates on the matter. For now, we suggest using the workaround described in this thread.
Please let us know if other questions arise.
Kind regards,
Nadia