Dashboards & Visualizations
×
Are you a member of the Splunk Community?
Sign in or Register with your Splunk account to get your questions answered, access valuable resources and connect with experts!
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- Re: Can I use a jQuery accordion with a Simple XML...
Options
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark Topic
- Subscribe to Topic
- Mute Topic
- Printer Friendly Page
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Can I use a jQuery accordion with a Simple XML dashboard?
szabados
Communicator
10-26-2015
05:56 AM
I checked that sample app in the docs, but HTML dashboards are used in that guide. Can I use that accordion with a Simple XML dashboard?
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
chanmi2
Path Finder
10-27-2015
05:44 PM
you can do something like this:
inside the js, you can call some library first like the fourth section in the tutorial link
require.config({ the code in the third section });
require([
'jquery', 'jquery-ui', 'splunkjs/mvc/simplexml/ready!'
], function($) {
}
Hope it is what you want and it works for you
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
szabados
Communicator
10-28-2015
08:28 AM
I'm sure because of the lack of my web dev knowledge, but I don't exactly get this.
I got a simple dashboard like this:
<dashboard>
<label>test</label>
<row>
<panel>
<table>
<search>
<query>index=_internal | head 10 | chart count by host</query>
<earliest>0</earliest>
<latest></latest>
</search>
<option name="wrap">undefined</option>
<option name="rowNumbers">undefined</option>
<option name="drilldown">row</option>
</table>
</panel>
</row>
<row>
<panel>
<table>
<search>
<query>index=_internal | head 15 | chart count by _time</query>
<earliest>0</earliest>
<latest></latest>
</search>
<option name="wrap">undefined</option>
<option name="rowNumbers">undefined</option>
<option name="drilldown">row</option>
</table>
</panel>
</row>
</dashboard>
Where should I add the code you've mentioned ?
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
chanmi2
Path Finder
10-29-2015
07:08 PM
include the js or css file in dashboard tag
add html in panel
<panel>
<html>
<div id="sth"/>
</html>
</panel>
then inside the js, you can use that piece of js code
installing this app might help you get familiar with dashboard with js: "Splunk 6.x Dashboard Examples"
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
gcato
Contributor
10-26-2015
06:42 PM
Hi szabados,
I'm not exactly sure what docs etc. you're referring to, but the Splunk 6.x Dashboard Examples app, from splunkbase (https://splunkbase.splunk.com/app/1603/), has an example of a jQuery accordion type dashboard that uses simple XML and javascript. The one I'm referring to in the app is found under Examples -> Table Elements -> Table were row expand to show more information. Hope this helps.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
szabados
Communicator
10-27-2015
02:01 AM
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
gcato
Contributor
10-27-2015
01:05 PM
Okay, so it is the same thing. Have you had a look at the example's dashboard?
Get Updates on the Splunk Community!
Developer Spotlight with William Searle
The Splunk Guy: A Developer’s Path from Web to Cloud
William is a Splunk Professional Services Consultant with ...
Major Splunk Upgrade – Prepare your Environment for Splunk 10 Now!
Attention App Developers: Test Your Apps with the Splunk 10.0 Beta and Ensure Compatibility Before the ...
Stay Connected: Your Guide to June Tech Talks, Office Hours, and Webinars!
What are Community Office Hours?Community Office Hours is an interactive 60-minute Zoom series where ...
