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!

Aligning Observability Costs with Business Value: Practical Strategies

 Join us for an engaging Tech Talk on Aligning Observability Costs with Business Value: Practical ...

Mastering Data Pipelines: Unlocking Value with Splunk

 In today's AI-driven world, organizations must balance the challenges of managing the explosion of data with ...

Splunk Up Your Game: Why It's Time to Embrace Python 3.9+ and OpenSSL 3.0

Did you know that for Splunk Enterprise 9.4, Python 3.9 is the default interpreter? This shift is not just a ...