topic Re: Can I use a jQuery accordion with a Simple XML dashboard? in Dashboards & Visualizations

Can I use a jQuery accordion with a Simple XML dashboard?

szabados — Mon, 26 Oct 2015 12:56:44 GMT

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?

Re: Can I use a jQuery accordion with a Simple XML dashboard?

gcato — Tue, 27 Oct 2015 01:42:18 GMT

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.

Re: Can I use a jQuery accordion with a Simple XML dashboard?

szabados — Tue, 27 Oct 2015 09:01:54 GMT

I meant this:

http://dev.splunk.com/view/webframework-tutorials/SP-CAAAEN5

Re: Can I use a jQuery accordion with a Simple XML dashboard?

gcato — Tue, 27 Oct 2015 20:05:36 GMT

Okay, so it is the same thing. Have you had a look at the example's dashboard?

Re: Can I use a jQuery accordion with a Simple XML dashboard?

chanmi2 — Wed, 28 Oct 2015 00:44:47 GMT

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

Re: Can I use a jQuery accordion with a Simple XML dashboard?

szabados — Wed, 28 Oct 2015 15:28:59 GMT

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 ?

Re: Can I use a jQuery accordion with a Simple XML dashboard?

chanmi2 — Fri, 30 Oct 2015 02:08:06 GMT

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"