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
Register for .conf21 Now! Go Vegas or Go Virtual!

How will you .conf21? You decide! Go in-person in Las Vegas, 10/18-10/21, or go online with .conf21 Virtual, 10/19-10/20.