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!

Splunk Answers Content Calendar, June Edition

Get ready for this week’s post dedicated to Splunk Dashboards! We're celebrating the power of community by ...

What You Read The Most: Splunk Lantern’s Most Popular Articles!

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...

See your relevant APM services, dashboards, and alerts in one place with the updated ...

As a Splunk Observability user, you have a lot of data you have to manage, prioritize, and troubleshoot on a ...