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!

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...

Introducing the 2024 Splunk MVPs!

We are excited to announce the 2024 cohort of the Splunk MVP program. Splunk MVPs are passionate members of ...

Splunk Custom Visualizations App End of Life

The Splunk Custom Visualizations apps End of Life for SimpleXML will reach end of support on Dec 21, 2024, ...