Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

Help on content block for search box.

Meera_P
Tera Expert

Hello @AnveshKumar M 

While searching for an answer on how to implement a search box for reporting, I came across your resolved thread.  I used the follow code and it work great.  

 

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
	
	<input type="text" id="filter_approval_task_search" name="filter_approval_task_search" aria-required="true" onchange="filterTaskSearch()" maxlength="100" style="; " autocomplete="off" class="form-control " spellcheck="false" aria-label="Search Task"></input>

	<script>
		var my_dashboardMessageHandlerSearch = new DashboardMessageHandler("filter_approvaltasksearch");
		
		function filterTaskSearch(){
			var task = document.getElementById('filter_approval_task_search').value;
			if (task){
				publishFilterSearch(task);
			}
			else
				clearFilterSearch()
		}
		filterTaskType();
    
		function publishFilterSearch (task) {
			var filter_message_search = {};
			filter_message_search.id = "filter_approvaltasksearch";
			filter_message_search.table = "sysapproval_approver";
			filter_message_search.filter = 'sysapproval.number=' + task;
			SNC.canvas.interactiveFilters.setDefaultValue({
                id: filter_message_search.id,
                filters: [filter_message_search]
            }, false);
			my_dashboardMessageHandlerSearch.publishFilter(filter_message_search.table, filter_message_search.filter);
		}
    
		function clearFilterSearch() {
			var filter_message_search = {};
			filter_message_search.id = "filter_approvaltasktype";
			filter_message_search.table = "sysapproval_approver";
			filter_message_search.filter = "";
			SNC.canvas.interactiveFilters.setDefaultValue({
                id: filter_message_search.id,
                filters: [filter_message_search]
            }, false);
			my_dashboardMessageHandlerSearch.removeFilter();
		}
	</script>
</j:jelly>

 

Currently, the container for the search box is resizable.  I would like make the search box and container static, but I'm not familiar with jelly syntax to make the changes.  Could you help?  Thank you

 

Meera_P_0-1681229650185.png

 

 

0 REPLIES 0