Dashboards & Visualizations

How to use jqxdropdownlist in an HTML dashboard?


Hi everybody

I want to use jquery plugins in my html dashboard.

This an example of what I want to add:


I want to use jqxdropdownlist for an input text, but when I try to use it, I have an error that says:

$(...).jqxdropdownlist is not a function

My fieldset contain this :

<input type="text" id="my_id"/>

I'd appreciate if someone can help.

ps: I need to use jquery for this not a standard Splunk's input tx

0 Karma

Path Finder


As per your jsfiddle example require jqx.base.css, jqx.energyblue.css and jqx-all.js external libraries.
Download these libraries locally and import them into your html page.
Add these files into $SPLUNK_HOME/etc/apps/{your_app}/appserver/static/ folder.

<link rel="stylesheet" type="text/css" href="https://localhost:{port no}/en-GB/static/app/{app name}/jqx.base.css" />
<link rel="stylesheet" type="text/css" href="https://localhost:{port no}/en-GB/static/app/{app name}/jqx.energyblue.css" />
<script type="text/javascript" src="https://localhost:{port no}/en-GB/static/app/{app name}/jqx-all.js"></script>

0 Karma
Get Updates on the Splunk Community!

Detecting Remote Code Executions With the Splunk Threat Research Team

WATCH NOWRemote code execution (RCE) vulnerabilities pose a significant risk to organizations. If exploited, ...

Enter the Splunk Community Dashboard Challenge for Your Chance to Win!

The Splunk Community Dashboard Challenge is underway! This is your chance to showcase your skills in creating ...

.conf24 | Session Scheduler is Live!!

.conf24 is happening June 11 - 14 in Las Vegas, and we are thrilled to announce that the conference catalog ...