All Apps and Add-ons

Sideview Checkboxes in several columns

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

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

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