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

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!

Index This | What travels the world but is also stuck in place?

April 2026 Edition  Hayyy Splunk Education Enthusiasts and the Eternally Curious!   We’re back with this ...

Discover New Use Cases: Unlock Greater Value from Your Existing Splunk Data

Realizing the full potential of your Splunk investment requires more than just understanding current usage; it ...

Continue Your Journey: Join Session 2 of the Data Management and Federation Bootcamp ...

As data volumes continue to grow and environments become more distributed, managing and optimizing data ...