When hovering a table row I want to show text as an example "Hello"
Like if condition met (GetRecord.List.Current.IsEligible = true) then on hovering on row 1 anywhere as an example show text "Hello"
Hi @Touseef Ahmed ,
You can use the title property to add a tooltip to each cell. When applied to a table tag, the title attribute displays a tooltip containing the specified text.
To apply this property conditionally, use an If statement to determine when the tooltip should be visible:
I also attached OML for you to check.
Hi @Mihai Melencu Yes this works. Thank you so much. :)
Hi,Add an attribute "title " with "Hello" only if IsEligible = True: If(GetRecord.List.Current.IsEligible, "Hello", "")When you hover over a row and the condition is met (IsEligible = True), it will show "Hello".If IsEligible = False, no tooltip will be displayed.
Thanks,Sahana
Hi Touseef,Please follow below steps.
Hi,Add a CSS class to the row (TableRow) and set the title attribute dynamically based on IsEligible
.tooltip-row[title] {
position: relative;
cursor: pointer;
}
.tooltip-row[title]:hover::after {
content: attr(title);
position: absolute;
background-color: black;
color: white;
padding: 5px;
border-radius: 5px;
white-space: nowrap;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 10;
Hi Sahana,
can you make a sample oml.
Hi @Sahana K Yes this also works. Thank you so much. :)