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

Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Observability Simplified: Combining User Experience, Application Performance & ...

Tech Talk Observability Simplified: Combining User Experience, Application Performance & Network ...

Event Series May & June: From Network Visibility to Service Intelligence

Unifying the Network: Moving from Alert Noise to Service Intelligence with Splunk ITSI In today’s hybrid ...

Global Splunk User Group Events: May + June 2026

Your Splunk Community Awaits: Discover Upcoming User Group Events Worldwide    Staying ahead in the fast-paced ...