All Apps and Add-ons

Splunk 6.x Dashboard Examples: How to replicate inline icons or rangemaps in javascript?

dfalke
Engager

I have installed the "Splunk 6.x Dashboard Examples" App and I am trying to implement the use of "Inline icons" or "rangemap", both of which have an example in the app.

I have created a separate app for our development and have copied the following files from the example app to our app.

From:

...\Splunk\etc\apps\simple_xml_examples\appserver\static

table_decorations.css
table_icons_inline.js
table_iconds_rangemap.js

To:

...\Splunk\etc\apps\<ourapp>\appserver\static

table_decorations.css
table_icons_inline.js
table_iconds_rangemap.js

Then I attempted to recreate the dashboard in our application, using the source code xml in the example:

<dashboard script="table_icons_inline.js" stylesheet="table_decorations.css">
    <label>Table Icon Set (Inline)</label>
    <row>
        <table id="table1">
            <title>Render Icons based on rangemap result</title>
            <searchString>index=_internal | stats count by sourcetype,source,host</searchString>
            <earliestTime>-1h</earliestTime>
            <option name="drilldown">none</option>
        </table>
    </row>
</dashboard>

The issue is that the inline icons do not work. It seems the CSS and JS are not having an affect, but I am not sure why it's not working. How do I go about troubleshooting? Am I missing the icon files? Any help is appreciated.

Thanks,
David

1 Solution

jmallorquin
Builder

Hi,

Make sure tha you define the id in the table.

<row>
        <table id="table1">
            <title>Render Icons based on rangemap result</title>
            <searchString>index=_internal | stats count by sourcetype,source,host</searchString>
            <earliestTime>-1h</earliestTime>
            <option name="drilldown">none</option>
        </table>
    </row>

Reboot splunk to applie the changes.

Hope help you

View solution in original post

camillak
Path Finder

In my experience, using _bump and Ctrl+F5 to refresh the page, or a browser with caching disabled gives the smoothest experience when editing Splunk appserver files.

0 Karma

sjafferali
Explorer

Hi all,

I have the same issue. I replicated the same from dashboard examples and i also restarted the splunk. I could not see the icons.
Any inputs is much appreciated.

Thanks.

jmallorquin
Builder

Hi,

Make sure tha you define the id in the table.

<row>
        <table id="table1">
            <title>Render Icons based on rangemap result</title>
            <searchString>index=_internal | stats count by sourcetype,source,host</searchString>
            <earliestTime>-1h</earliestTime>
            <option name="drilldown">none</option>
        </table>
    </row>

Reboot splunk to applie the changes.

Hope help you

dfalke
Engager

Rebooting is what resolved the issue. Thank you!!

0 Karma
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Why Splunk Customers Should Attend Cisco Live 2026 Las Vegas

Why Splunk Customers Should Attend Cisco Live 2026 Las Vegas     Cisco Live 2026 is almost here, and this ...

What Is the Name of the USB Key Inserted by Bob Smith? (BOTS Hint, Not the Answer)

Hello Splunkers,   So you searched, “what is the name of the usb key inserted by bob smith?”  Not gonna lie… ...

Automating Threat Operations and Threat Hunting with Recorded Future

    Automating Threat Operations and Threat Hunting with Recorded Future June 29, 2026 | Register   Is your ...