Dashboards & Visualizations

How to get chart and table on same row in dashboard html

RVDowning
Contributor

In the following, I removed the div ending the first row, and rmoved the div starting the second row, but the chart and its inline table still appear on different lines. Any clue what I am doing wrong?

<div class="dashboard-row dashboard-row1">
    <div class="dashboard-cell" style="width: 50%;">
        <div class="dashboard-panel clearfix">                
            <div class="panel-element-row">
                <div class="dashboard-element chart" id="element1" style="width: 25%">
                    <div class="panel-head">
                        <h3>Datasets Created by Type</h3>
                    </div>
                    <div class="panel-body"></div>
                </div>
                <div class="dashboard-element table" id="element2" style="width: 25%">
                    <div class="panel-head">
                        <h3>Chart for &#34;$type_tok$&#34;</h3>
                    </div>
                    <div class="panel-body"></div>
                </div>
            </div>
        </div>
    </div>
</div>
1 Solution

somesoni2
Revered Legend

Try like this

<div class="dashboard-row dashboard-row1">
    <div class="dashboard-cell" style="width: 50%;">
        <div class="dashboard-panel clearfix">                
            <div class="panel-element-row">
                <div class="dashboard-element chart" id="element1" style="width: 100%">
                    <div class="panel-head">
                        <h3>Datasets Created by Type</h3>
                    </div>
                    <div class="panel-body"></div>
                </div>            
            </div>
        </div>
    </div>
    <div class="dashboard-cell" style="width: 50%;">
        <div class="dashboard-panel clearfix">                
            <div class="panel-element-row">    
                <div class="dashboard-element table" id="element2" style="width: 100%">
                    <div class="panel-head">
                        <h3>Chart for &#34;$type_tok$&#34;</h3>
                    </div>
                    <div class="panel-body"></div>
                </div>
            </div>
        </div>
    </div>
</div>

View solution in original post

somesoni2
Revered Legend

Try like this

<div class="dashboard-row dashboard-row1">
    <div class="dashboard-cell" style="width: 50%;">
        <div class="dashboard-panel clearfix">                
            <div class="panel-element-row">
                <div class="dashboard-element chart" id="element1" style="width: 100%">
                    <div class="panel-head">
                        <h3>Datasets Created by Type</h3>
                    </div>
                    <div class="panel-body"></div>
                </div>            
            </div>
        </div>
    </div>
    <div class="dashboard-cell" style="width: 50%;">
        <div class="dashboard-panel clearfix">                
            <div class="panel-element-row">    
                <div class="dashboard-element table" id="element2" style="width: 100%">
                    <div class="panel-head">
                        <h3>Chart for &#34;$type_tok$&#34;</h3>
                    </div>
                    <div class="panel-body"></div>
                </div>
            </div>
        </div>
    </div>
</div>

RVDowning
Contributor

Yep, that did it. Thanks!

0 Karma
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!

[Puzzles] Solve, Learn, Repeat: Matching cron expressions

This puzzle (first published here) is based on matching timestamps to cron expressions.All the timestamps ...

Design, Compete, Win: Submit Your Best Splunk Dashboards for a .conf26 Pass

Hello Splunkers,  We’re excited to kick off a Splunk Dashboard contest! We know that dashboards are a primary ...

May 2026 Splunk Expert Sessions: Security & Observability

Level Up Your Operations: May 2026 Splunk Expert Sessions Whether you are refining your security posture or ...