All Apps and Add-ons

UI elements placement inside sideview multiplexer

sridamg
Explorer

I have two charts within a multiplexer module. When rendered, charts are placed one after another vertically for each element. I want to place the charts side by side (not vertically one after another) for each iteration. Please help !!

0 Karma

sideview
SplunkTrust
SplunkTrust

the easiest way is to use custom CSS to give the charts a constant width and to float the charts alongside eachother.

If your view name is my_view (ie the XML file for the view is my_view.xml), then your custom CSS might look like:

.splView-my_view div.JSChart {
float:left;
clear:none;
width:400px;
}

If you're multiplexing just the chart module and hidden modules, this will make all the charts the same width, and cause them to float alongside eachother - so that there are as many in a single row as will fit.

On the other hand if you are multiplexing other visible modules as well, like if you're multiplexing an HTML module as a dynamic header along with your JSChart module then things will get a little more complicated CSS-wise.

0 Karma

sridamg
Explorer

There should be one row for each iteration of the multiplexer. Each row will contain three items - 1) HTML module, 2) One pie chart. 3) Another pie chart.
Also we are not using any custom JS/CSS at this point. Could you please suggest any other option if you have.

0 Karma
Get Updates on the Splunk Community!

Index This | I am a number, but when you add ‘G’ to me, I go away. What number am I?

March 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

What’s New in Splunk App for PCI Compliance 5.3.1?

The Splunk App for PCI Compliance allows customers to extend the power of their existing Splunk solution with ...

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...