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!

Cultivate Your Career Growth with Fresh Splunk Training

Growth doesn’t just happen—it’s nurtured. Like tending a garden, developing your Splunk skills takes the right ...

Introducing a Smarter Way to Discover Apps on Splunkbase

We’re excited to announce the launch of a foundational enhancement to Splunkbase: App Tiering.  Because we’ve ...

How to Send Splunk Observability Alerts to Webex teams in Minutes

As a Developer Evangelist at Splunk, my team and I are constantly tinkering with technology to explore its ...