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!

Rounding off the Splunk Dashboard Contest

What does a contest-winning Splunk dashboard look like? In this case, it isn't in a browser tab at all. It ...

A Four Part Event Series: AI + Observability: AI Agents, LLMs, Apps, & Infrastructure

AI &#43; Observability: AI Agents, LLMs, Apps, & Infrastructure The rapid evolution of artificial intelligence ...

Splunk Technical Support Is Moving to Cisco Support Tools

Introduction Splunk technical support is transitioning to Cisco’s support environment. This change brings ...