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
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>
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?
Here's also some info from our developer docs on manipulating dashboard layout HTML:
http://dev.splunk.com/view/webframework-htmldashboards/SP-CAAAETS