Dashboards & Visualizations

How to use jqxdropdownlist in an HTML dashboard?

sfatnass
Contributor

Hi everybody

I want to use jquery plugins in my html dashboard.

This an example of what I want to add:

http://jsfiddle.net/jqwidgets/CLB86/

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

sumangala
Path Finder

Hi,

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!

.conf25 Registration is OPEN!

Ready. Set. Splunk! Your favorite Splunk user event is back and better than ever. Get ready for more technical ...

Detecting Cross-Channel Fraud with Splunk

This article is the final installment in our three-part series exploring fraud detection techniques using ...

Splunk at Cisco Live 2025: Learning, Innovation, and a Little Bit of Mr. Brightside

Pack your bags (and maybe your dancing shoes)—Cisco Live is heading to San Diego, June 8–12, 2025, and Splunk ...