All Apps and Add-ons

Sideview Checkboxes in several columns

bever
Explorer

Hi All,

I have one sideview checkboxes module containing about 50 entries. Is there a way to display them in several columns instead of having one big list?

A different solution would be the creation of several checkboxes modules but in that case I don't know how to merge the result strings of all the modules separated by an OR.

Any ideas?

Thank you,

Hanno

<module name="Checkboxes" group="Events" layoutPanel="panel_row2_col1">
<param name="name">event</param>
    <param name="separator">+OR+</param>
    <param name="template">eventtype="$value$"</param>
    <param name="outerTemplate">( $value$ )</param>
<param name="staticCheckboxes">

 <list>
    <param name="label">Boot Seq Light</param>
    <param name="value">NCU STOP</param>
 </list>
 <list>
    <param name="label">Boot Seq Full</param>
    <param name="value">P</param>
</list>
<list>
    <param name="label">Boot Seq Medium</param>
    <param name="value">e</param>
</list>
<list>
     ....
  </param>

0 Karma
1 Solution

sideview
SplunkTrust
SplunkTrust

There is no config parameter that you can use to change the layout behavior. However custom CSS can give you what you want.

If you float the checkboxes left to right, and you also give them each a minimum width larger than all of their labels, that will effectively lay them out in columns.

Here's an example of such custom CSS. Note that you'll have to replace "your_view_name_here" with the name of your view.

.splView-your_view_name_here .Checkboxes .checkboxWrapper {
    display:inline-block;
    margin-right:20px;
    min-width:120px;
}

Splunk's docs for using Custom CSS are here. http://docs.splunk.com/Documentation/Splunk/6.0.2/AdvancedDev/UseCSS

View solution in original post

sideview
SplunkTrust
SplunkTrust

There is no config parameter that you can use to change the layout behavior. However custom CSS can give you what you want.

If you float the checkboxes left to right, and you also give them each a minimum width larger than all of their labels, that will effectively lay them out in columns.

Here's an example of such custom CSS. Note that you'll have to replace "your_view_name_here" with the name of your view.

.splView-your_view_name_here .Checkboxes .checkboxWrapper {
    display:inline-block;
    margin-right:20px;
    min-width:120px;
}

Splunk's docs for using Custom CSS are here. http://docs.splunk.com/Documentation/Splunk/6.0.2/AdvancedDev/UseCSS

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