topic Re: How do I fix this error: A custom JavaScript error caused an issue loading your dashboard? in Dashboards & Visualizations

How do I fix this error: A custom JavaScript error caused an issue loading your dashboard?

homieji16 — Thu, 20 Oct 2022 23:09:46 GMT

I have added the following to my dashboard and I am still getting this error (A custom JavaScript error caused an issue loading your dashboard). What should be my next steps?

Manage dashboards that need jQuery updates - Splunk Documentation

Re: How do I fix this error: A custom JavaScript error caused an issue loading your dashboard?

kamlesh_vaghela — Fri, 21 Oct 2022 03:23:37 GMT

@homieji16

Is it possible to share your Sample XML and JS file?

Re: How do I fix this error: A custom JavaScript error caused an issue loading your dashboard?

homieji16 — Fri, 21 Oct 2022 12:50:32 GMT

<dashboard version="1.1" script="myCustomJS.js">
<label>Overview</label>
<row>
<panel>
<title>Controls Available</title>
<table>
<search>
<query>| inputlookup cc_controls_lookup where splunk_use_case=true | fields control_number control_label view | sort view | rename control_number as "Control Number" control_label AS "Brief Description"</query>
<earliest>-24h@h</earliest>

@kamlesh_vaghela
<latest>now</latest>
</search>
<option name="count">40</option>
<option name="drilldown">row</option>
<option name="refresh.display">progressbar</option>
<drilldown>
<link target="_blank">$row.view$</link>
</drilldown>
</table>
</panel>
</row>
</dashboard>

Re: How do I fix this error: A custom JavaScript error caused an issue loading your dashboard?

kamlesh_vaghela — Fri, 21 Oct 2022 16:56:25 GMT

@homieji16

Your XML looks good to me. I tried it and working fine.

<dashboard version="1.1" script="myCustomJS.js"> <label>Overview</label> <row> <panel> <title>Controls Available</title> <table> <search> <query>| makeresults | eval control_number="control_number",control_label="control_label" | rename control_number as "Control Number" control_label AS "Brief Description"</query> <earliest>-24h@h</earliest> <latest>now</latest> </search> <option name="count">40</option> <option name="drilldown">row</option> <option name="refresh.display">progressbar</option> <drilldown> <link target="_blank">$row.view$</link> </drilldown> </table> </panel> </row> </dashboard>

No errors in the console.

Is it possible to share JS file?

Re: How do I fix this error: A custom JavaScript error caused an issue loading your dashboard?

homieji16 — Fri, 21 Oct 2022 17:14:41 GMT

This is an application with multiple dashboards to it. How do I share the JS file?

Re: How do I fix this error: A custom JavaScript error caused an issue loading your dashboard?

homieji16 — Fri, 21 Oct 2022 17:15:08 GMT

@kamlesh_vaghela

Re: How do I fix this error: A custom JavaScript error caused an issue loading your dashboard?

kamlesh_vaghela — Sat, 22 Oct 2022 06:03:56 GMT

@homieji16

QQ.

Does this dashboard open from another dashboard OR any dynamic query string values? Loading error happens when any dynamic tokens which are used in any search are not properly set which makes the search invalid for execution during the initial loading of the dashboard.

If you have the same scenario then try to debug those values with the actual practical use case.

I faced a similar issue and resolved it by fixing such dynamic values. In my case, I'm opening dashboards from multiple dashboards by passing flags and IP addresses.

I hope this will help you.