Dashboards & Visualizations

What part of the dashboard HTML controls the feature to split charts in the same row?

minkyuk
Explorer

Hello,

I'm trying to split the charts in the same row, but it doesn't seem like it's properly working.
Which part of the HTML controls this feature?
Anyone familiar?

Thank you

alt text

0 Karma

frobinson_splun
Splunk Employee
Splunk Employee

Hi @minkyuk,
I'm a tech writer here at Splunk and I'd like to help with your question.You can put multiple panels within the same row using simple XML. Please see:
http://docs.splunk.com/Documentation/Splunk/6.2.4/Viz/PanelreferenceforSimplifiedXML#Dashboards_and_...

for some examples.

Hope this helps! Please let me know if not!
Best,
@frobinson_splunk

minkyuk
Explorer

Hello, I could resort to simple XML, but I think my HTML code seems to be correct but still giving my panels in separate rows... Thank you

    <div id="panel1" class="dashboard-cell" style="width: 50%;">
        <div id="charts" class="dashboard-panel clearfix">
            <!--
            <div class="panel-element-row">
                <div id="element1" class="dashboard-element chart" style="width: 100%">
                    <div class="panel-body"></div>
                </div>
            </div>
            -->
        </div>
    </div>
    <div id="panel2" class="dashboard-cell" style="width: 50%;">
        <div id="charts" class="dashboard-panel clearfix">
            <!--
            <div class="panel-element-row">
                <div id="element2" class="dashboard-element chart" style="width: 100%">
                    <div class="panel-body"></div>
                </div>
            </div>
            -->
        </div>
    </div>
</div>
0 Karma

frobinson_splun
Splunk Employee
Splunk Employee

Ok, taking a look. I'm noticing that you are closing the "panel-element-row" div for each of these dashboards, which might be separating them into multiple rows. Have you tried putting both dashboard elements into the same "panel-element-row" div?

frobinson_splun
Splunk Employee
Splunk Employee

Here's also some info from our developer docs on manipulating dashboard layout HTML:
http://dev.splunk.com/view/webframework-htmldashboards/SP-CAAAETS

Get Updates on the Splunk Community!

Automatic Discovery Part 1: What is Automatic Discovery in Splunk Observability Cloud ...

If you’ve ever deployed a new database cluster, spun up a caching layer, or added a load balancer, you know it ...

Real-Time Fraud Detection: How Splunk Dashboards Protect Financial Institutions

Financial fraud isn't slowing down. If anything, it's getting more sophisticated. Account takeovers, credit ...

Splunk + ThousandEyes: Correlate frontend, app, and network data to troubleshoot ...

 Are you tired of troubleshooting delays caused by siloed frontend, application, and network data? We've got a ...