Using CSS, all the rows in the WebListbox have same height and the lengthy text will be truncated if column width is too small, the ellipses indicate truncated text.
When using Safari hovering over the cell shows the entire text. However, using Edge or Firefox the hovering is not occurring.
What should I do to have hovering work in Edge or Firefox?
OK, I did “consult” with ChatGPT and have a solution that seems to work now, I have added method with java script that is called via separate ToolTipTimer right after calling RefreshCache method in the DataSource class.
Var js As String
js = "var cells = document.querySelectorAll('#" + MyListBox.ControlID + " td'); cells.forEach(function(cell) {"
js = js + "if (cell.offsetWidth < cell.scrollWidth) {cell.title = cell.textContent;}"
js = js + "});"
MyListBox.ExecuteJavaScript(js)