Forum Discussion

Lisha's avatar
Lisha
Cloud Apps
08-18-2022
Solved

Add link to widget title

Hello, I have a requirement to add a URL to the widget title so the users will be redirected to a page that will give them more information about the widget data.  Can I achieve these 2 things fo...
dashboards & reporting
  • harikm007's avatar
    harikm007
    08-18-2022

    Here is the widget script

    widget.on('buildquery', function(se, ev){

		$(`widget[widgetid="${ev.widget.oid}"] .transput-holder`).empty()
		$(`widget[widgetid="${ev.widget.oid}"] .transput-holder`).append('<a href="https://www.sisense.com/" target="_blank" title="My test tooltip 1">My Title 1</a>')
		
		$(`widget[widgetid="${ev.widget.oid}"] widget-title`).empty()
		$(`widget[widgetid="${ev.widget.oid}"] widget-title`).append('<a href="https://www.sisense.com/" target="_blank" title="My test tooltip 1">My Title 1</a>')
	
})

    Remove 'title' attribute from above script, if you don't want tooltip on clickable title.

    To add tooltip without clickable link:

    widget.on('domready', function(se){
	$(`widget[widgetid="${se.oid}"] .transput-holder .transput-caption`).attr('title', 'test tooltip')
	$(`widget[widgetid="${se.oid}"] widget-title`).attr('title', 'test tooltip')
})

    -Hari

     

harikm007's avatar
harikm007
Data Warehouse
08-18-2022

Hi Lisha ,

Check if this dashboard script works for you:


dashboard.on('widgetbuildquery', function(se, ev){
	
	var widgetList = {
		'62d69b0258d2ad234e93e56d': '<a href="https://www.sisense.com/" target="_blank" title="My test tooltip 1">My Title 1</a>',
		'45dfa07e58t512002e94dt54': '<a href="https://www.w3schools.com" target="_blank" title="My test tooltip 2">My Title 2</a>'
	}
	if(widgetList[ev.widget.oid] != undefined)
	{
		$(`widget[widgetid="${ev.widget.oid}"] .transput-holder`).empty()
		$(`widget[widgetid="${ev.widget.oid}"] .transput-holder`).append(widgetList[ev.widget.oid])
		
		$(`widget[widgetid="${ev.widget.oid}"] widget-title`).empty()
		$(`widget[widgetid="${ev.widget.oid}"] widget-title`).append(widgetList[ev.widget.oid])
	}
	
})

-Hari

Lisha's avatar
Lisha
Cloud Apps
08-18-2022

 

Hi Hari,

I was looking for separate scripts - one where the widget title is a clickable link and another where a tooltip appears on hover. 
Also, is it possible to have widget level scripts and not dashboard level ?

Thanks for your help

 

  • harikm007's avatar
    harikm007
    Data Warehouse
    08-18-2022

    Here is the widget script

    widget.on('buildquery', function(se, ev){

		$(`widget[widgetid="${ev.widget.oid}"] .transput-holder`).empty()
		$(`widget[widgetid="${ev.widget.oid}"] .transput-holder`).append('<a href="https://www.sisense.com/" target="_blank" title="My test tooltip 1">My Title 1</a>')
		
		$(`widget[widgetid="${ev.widget.oid}"] widget-title`).empty()
		$(`widget[widgetid="${ev.widget.oid}"] widget-title`).append('<a href="https://www.sisense.com/" target="_blank" title="My test tooltip 1">My Title 1</a>')
	
})

    Remove 'title' attribute from above script, if you don't want tooltip on clickable title.

    To add tooltip without clickable link:

    widget.on('domready', function(se){
	$(`widget[widgetid="${se.oid}"] .transput-holder .transput-caption`).attr('title', 'test tooltip')
	$(`widget[widgetid="${se.oid}"] widget-title`).attr('title', 'test tooltip')
})

    -Hari

     

    • Lisha's avatar
      Lisha
      Cloud Apps
      08-18-2022

      Thank you so much, Hari!

    • jmn3's avatar
      jmn3
      Cloud Apps
      04-13-2023

      hey harikm007 , I tried this code as well but it only seems to work when I am the dashboard designer/owner and am in edit mode. IF I am a viewer or switch to view mode as a designer/owner, then the hyperlink functionality does not work anymore.

      Do you have a fix for this?