Advanced script for conditional tool tip?

[tford]

Does anyone know if it would be possible for an advanced script to show a conditional tool tip that would include data from the attribute being hovered over?

[johntalbott]

It should be possible in a render script. One approach would be to do something similar to what was used to display the Bio Tooltip in the Sales Portal sample app.

biotooltip.PNG

<div>
<h3>ABOUT</h3>
<div class="nwd-employee-details-image">
<<LoggedInRegularUser.SelectedEmployee.Photo>>
</div>
<dl class="nwd-employee-bio-details">
<dt class="nwd-employee-name"><<LoggedInRegularUser.SelectedEmployee.FirstName>> <<LoggedInRegularUser.SelectedEmployee.LastName>></dt>
<dd class="nwd-employee-title"><<LoggedInRegularUser.SelectedEmployee.Title>></dd>
<dd class="nwd-employee-phone"><span class="fa fa-mobile-phone"></span><<LoggedInRegularUser.SelectedEmployee.HomePhone>></dd>
<dd><a href="#" class="nwd-bioTooltip"> >>FULL BIO <span style="display:none;"><<LoggedInRegularUser.SelectedEmployee.Notes>></span></a></dd>
</dl>
</div>
<script>
$(".nwd-employee-bio-details").kendoTooltip({
filter: "a",
width: 200,
content: function(e){
return e.target.find("span").text();
}
});
</script>

[johntalbott]

Oops .. the screen shot didn't work.

biotooltip.PNG (31.89 KiB) Viewed 4793 times

[tford]

Thanks John!

I'll give that a shot and report back when I get to that part of the app I'm building.