topic Re: Can i add panel inside a html tag? in Dashboards & Visualizations

Is it possible to add panel inside a html tag?

Jhanzkie — Tue, 15 Feb 2022 06:45:38 GMT

Hello, sorry to ask this very noob question.

Can i add panel inside a html tag?
For example.
I have a table command in html and in that cell i want to add a single panel .

Re: HTML in Dashboard

ITWhisperer — Mon, 14 Feb 2022 06:11:54 GMT

Panel is not a valid tag within html syntax, so no this is not possible as you describe it. What are you trying to do? Perhaps there is another way.

Re: Can i add panel inside a html tag?

kamlesh_vaghela — Tue, 15 Feb 2022 06:08:40 GMT

@Jhanzkie

You can achieve this with the Javascript Extension. Please try below sample code. I hope sample code will give some idea about the implementations.

a.js

require([ 'underscore', 'jquery', 'splunkjs/mvc', 'splunkjs/mvc/simplexml/ready!' ], function(_, $, mvc) { var SingleView = require("splunkjs/mvc/singleview"); var TableView = require("splunkjs/mvc/tableview"); var SearchManager = require("splunkjs/mvc/searchmanager"); var sampleSearch = new SearchManager({ id: "sampleSearch", earliest_time: "-1d@d", latest_time: "", preview: true, autostart: false, cache: false, search: 'index=_internal | stats count' }); $(document).ready(function() { var mySingleView = new SingleView({ id: "example-single" + Date.now(), managerid: "sampleSearch", el: $("#divSingleView") }).render(); var myCustomtable = new TableView({ id: "modal_example-table" + Date.now(), managerid: "sampleSearch", pageSize: "10", el: $("#divTableView") }).render(); sampleSearch.startSearch(); }) });

XML.

<dashboard script="a.js"> <label>Single View in HTML Example</label> <row> <panel> <html> <div>Hello World</div> <table border="1" style="width:800px" > <thead> <td> Single View </td> <td> Table View </td> </thead> <tr> <td> <div id="divSingleView"></div> </td> <td> <div id="divTableView"></div> </td> </tr> </table> </html> </panel> </row> </dashboard>

Screen:

Thanks

Re: Can i add panel inside a html tag?

Jhanzkie — Thu, 17 Feb 2022 10:53:01 GMT

ill try this one, thanks

Re: Can i add panel inside a html tag?

Jhanzkie — Thu, 17 Feb 2022 10:57:44 GMT

may i also add if i can have a layout like this in my dashboard ?

for column 2,
3 panels ..

just asking if its possible though.

Re: Can i add panel inside a html tag?

kamlesh_vaghela — Thu, 17 Feb 2022 13:08:25 GMT

Yes @Jhanzkie , With JS & Css you can add any Splunk Chart OR Component..

First Design a HTML container and then use JS for populating those container with Splunk Chart Or Components.

Happy Splunking

🙂

Re: Can i add panel inside a html tag?

Jhanzkie — Thu, 17 Feb 2022 13:11:14 GMT

thank you very much for the help 😄