Skip to Main Content

Interactive Grid Tooltip inline CSS

Phil McDermottJan 24 2022

I've been playing with the Interactive Grid tooltip, after seeing John Snyder's writeup, and viewing the tooltip page in the Sample Interactive Grids app page 52.
When I add the following inline CSS to my page, my tooltip appears as below. Although I've been able to customize width of the toptip, among other attributes, but there's a "white border" around the tooltip that is not being affected by my changing the width of the content as below and shown in my snip:
.ui-tooltip-content {
padding: 10px;
border-radius: 10px;
background-color: #daeff5;
width: 600px;
image.pngAny ideas/help would be appreciated.

This post has been answered by Hamza Al-abbasi on Jan 25 2022
Jump to Answer
Post Details
Added on Jan 24 2022