Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Data Grid › example of using tooltips with grid
Tagged: tooltips in grid cells
- This topic has 3 replies, 3 voices, and was last updated 2 years, 2 months ago by
EmilyGomez.
-
AuthorPosts
-
September 22, 2023 at 4:17 pm #108773
edwardsmarkff
Participanthello –
i am still trying to figure out the optimal way to use tooltips with grid.
here is an example of using smart-html-elements tooltips in codepen where each tooltip is defined in the template.
when i originally asked the question here: original question here it would seem as if the solution is to use appearance:
{showTooltips: true}as this codepen example does.however, this example/suggestion appears to only use the
titleproperty which cannot be styled as smart-elements-tooltips can.what is the best way to incorporate smart-elements-tooltips into a grid cell? are there any examples available?
September 25, 2023 at 6:35 am #108785Markov
KeymasterHi,
The approach which you use to add smart-tooltip to cells seems to be OK according to me. The showTooltips indeed uses the standard ‘title’.
Best regards,
MarkovSmart UI
https://www.htmlelements.com/September 26, 2023 at 2:12 am #108789edwardsmarkff
Participantthanks – FWIW, tooltip seems to be somewhat incompatible with grid. on a slightly larger grid, the tooltips would take several seconds to open, probably because of the grid javascript overhead.
so i am going with
titleinstead.it would be nice if a future version of grid had a way to insert text information in a notes field like many spreadsheets have, where you see a little red triangle marker in the lower-right corner of the cell indicating there are notes associated with this cell.
September 26, 2023 at 6:04 am #108790EmilyGomez
ParticipantDirect flights from Boston to New Orleans offer a convenient and efficient travel option for those looking to explore the rich cultural tapestry of the Deep South. Several airlines provide non-stop routes, ensuring a seamless journey between these two distinct cities. With a flight duration of around 3 to 4 hours, travelers can quickly transition from the historic charm of Boston to the lively streets of New Orleans. </span>
-
This reply was modified 2 years, 2 months ago by
EmilyGomez.
-
This reply was modified 2 years, 2 months ago by
EmilyGomez.
-
This reply was modified 2 years, 2 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.