Premium support for our pure JavaScript UI components


Post by era »

I created my own tooltip inside the renderer for a column cell, but the tooltip gets cut off. It's activated when the user clicks the round purple button. The button and the connected tooltip is a react component rendered in the cell. See image:

Image

Can this be placed on top of the scheduler or is there a built in way for tooltips in the column cells that can be shown when the user clicks the button?


Post by pmiklashevich »

Hello,

I'm afraid it's hard to say what's going on with the tooltip you have without looking at the source code and inspecting the DOM in the browser. Please try to inspect the DOM and see the layout, z-indexes etc to understand why the tooltip is partially visible.

Talking about Bryntum components the Tooltip is a Popup which is shown when you hover an element. If you need to show a popup on button click you can use Popup class. Please see our docs.
https://www.bryntum.com/docs/scheduler/#Core/widget/Popup
https://www.bryntum.com/docs/scheduler/#Core/widget/Tooltip
https://www.bryntum.com/docs/scheduler/#Core/helper/EventHelper#function-on-static

Best,
Pavel

Pavlo Miklashevych
Sr. Frontend Developer


Post Reply