Enhance Your Sisense Dashboard with a Search Box for Filters

Hi MikeGre​ ,

It seems like the 'initialized' event is not working.

Please try the below query. The main change I made is replacing 'initialized' with 'widgetrefreshed'

dashboard.on('widgetrefreshed', function (se, ev) { 
	$('.filters-headline').css({'height':'50%', }); 
	$('.filters-global-header').css('height', '65px'); 
	
	let searchBox = $('#custom-filter-search'); 
	if(searchBox.length > 0) { 
		return;
	} 
	
	let $input = $('<input type="text" id="custom-filter-search">'); 
	let $button = $('<button id="custom-filter-search-button"> Search </button>'); 
	
	
	$('.filters-global-header').append($input); 
	$('.filters-global-header').append($button); 
	$button.css({ 'margin-left': '5px', 'padding': '1px 3px', 'border-radius': '3px', 'border': '1.5px solid #bfbfbf', 'background-color': '#ffffff', 'font-size': '13px', 'color': 'black' }) 
	
	$button.on('click', function(){ 
		const inputValue = $('#custom-filter-search').val().toUpperCase(); 
		$('.global-filters .ew-content-host .ew-panel .ew-item-wrapper').each(function(index, element){ 
			if ($(this).find('.f-header-host .ew-i-caption').text().toUpperCase().includes(inputValue)) { 
				$(this).css('display', 'block') 
			} else { 
				$(this).css('display', 'none') 
			} 
		}) 
	}); 
})

-Hari