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!

Index This | What did the zero say to the eight?

June 2025 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with this month’s ...

Splunk Observability Cloud's AI Assistant in Action Series: Onboarding New Hires & ...

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

Now Playing: Splunk Education Summer Learning Premieres

It’s premiere season, and Splunk Education is rolling out new releases you won’t want to miss. Whether you’re ...