We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Tooltip template render on condition.

We have tooltip template.We want to display tooltip for specific appointment. So if task type is not "travel" we don't want to show tooltip.Please find below method.

tooltipTemplate = (props: Object) => {
if(props.type !== 'travel') {
return null;
const endTime = getLodash(props, 'endTime');
const startTime = getLodash(props, 'startTime');
const end = moment(endTime);
const start = moment(startTime);
const duration = moment.duration(end.diff(start)).asHours();
<div>Estimated Travel Time: {duration}hr</div>

So if type is not 'travel' ,a small tooltip is coming below appointment.Please find screenshot below .How can we remove below small tooltip that our condition
should match

Please find working fine tooltip component below .Here task type is "travel" so we are showing tooltip component.

1 Reply

VD Vinitha Devi Murugan Syncfusion Team November 12, 2019 12:25 PM UTC

Hi Sudhanshu, 
Syncfusion Greetings. 
We achieved your requirement by making use of created event of the scheduler and same can be available in below link. 
M.Vinitha devi. 

Live Chat Icon For mobile
Up arrow icon