topic Re: What part of the dashboard HTML controls the feature to split charts in the same row? in Dashboards & Visualizations

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

minkyuk — Tue, 21 Jul 2015 18:26:57 GMT

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

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

frobinson_splun — Tue, 21 Jul 2015 18:46:50 GMT

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_forms

for some examples.

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

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

minkyuk — Tue, 21 Jul 2015 18:51:20 GMT

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>

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

frobinson_splun — Tue, 21 Jul 2015 19:11:59 GMT

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?

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

frobinson_splun — Tue, 21 Jul 2015 19:12:41 GMT

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