jQuery UI Widgets Forums Chart Series Tooltip Z-Index

This topic contains 3 replies, has 2 voices, and was last updated by  Dimitar 8 years, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Series Tooltip Z-Index #71418

    lordbalmung
    Participant

    I am trying to modify the z-index of the series tooltip so that it does not overlap some controls intended to be displayed on top of the chart. I could not find any way to modify the z-index of the tooltip which is currently 9999999. I tried adding a class using the setting “toolTipClass” but the class is only added to a span within the tooltip but the z-index is actually added on a div element 2 parents away. I could use javascript but I prefer not to, is there anyway to do it with only css?

    Series Tooltip Z-Index #71442

    Dimitar
    Participant

    Hello lordbalmung,

    Unfortunately, the tooltip’s div does not have any unique identifier and you can only access it through JavaScript (as a parent’s parent of the span with jqx-chart-tooltip-text class).

    Best Regards,
    Dimitar

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

    Series Tooltip Z-Index #71530

    lordbalmung
    Participant

    Hi Dimitar, I do not think the jqx-chart-tooltip-text span could help reduce the z-index of the tooltip itself, this would be a very good feature in the future as currently the chart widget does not allow any modification to the tooltip’s z-index.

    Series Tooltip Z-Index #71532

    Dimitar
    Participant

    Hi lordbalmung,

    While not very straightforward, this solution works fine: http://jsfiddle.net/Dimitar_jQWidgets/1yzogzqg/.

    Best Regards,
    Dimitar

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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.