Dashboards & Visualizations

How to align elements horizontally inside the same panel?

danillopavan
Communicator

Hi all

I would like to have 3 different elements (in my case - status indicator) aligned horizontally inside the same panel - being side by side.

My XML structure is:

 row
    panel
      viz type="status_indicator_app.status_indicator"
     /viz
     viz type="status_indicator_app.status_indicator"
     /viz
     viz type="status_indicator_app.status_indicator"
     /viz
/panel

It is appearing in 3 different rows in the same column (aligned vertically), however i want to show the 3 elements in the same row in the same painel (aligned horizontally).

Important to say that before this panel, I have other panel - so I have tried the bellow JS but not working because not able to get the second ".panel-element-row"....

// Grab the first rows
" var row1 = $('.panel-element-row').first();"
" var row2 = row1.next();"
 // Get the  cells
" var cell1 = $('#element1');"
" var cell2 = $('#element2');"
 // Move second cell to first row
" cell2.appendTo(row1);"
0 Karma

niketn
Legend

@danillopavan which version of Splunk are you on? If you are on Splunk 6.6 or higher you can use Trellis to Split the Status Indicators. Refer to one of my older answers : https://answers.splunk.com/answers/606444/can-i-create-a-visual-of-the-status-of-a-file-usin.html

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma
Get Updates on the Splunk Community!

Splunk Observability Cloud's AI Assistant in Action Series: Auditing Compliance and ...

This is the third post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how to ...

Splunk Community Badges!

  Hey everyone! Ready to earn some serious bragging rights in the community? Along with our existing badges ...

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 ...