Dashboards & Visualizations

How To Limit Panel Height?

vtsguerrero
Contributor

I have a panel which is used for filters only, but when gettin' data dynamic, these radio buttons are expanding height, I'd like them to become like a listed page because I also have a multiselect at the same panel.
I know that is possible with CSS, but is there an easier way or do I have to upload a file to the server?
Thanks In advance!
As follows:

  <row>
     <panel>
       <input type="radio" token="process" searchWhenChanged="true">
         <label>Search Process</label>
         <populatingSearch fieldForLabel="PROCESS_NAME" fieldForValue="PROCESS_NAME">index=main sourcetype=main01 | stats by PROCESS_NAME</populatingSearch>
       </input>
       <input type="multiselect" token="process" searchWhenChanged="true">
         <label>PROCESS_NAME</label>
         <populatingSearch fieldForLabel="PROCESS_NAME" fieldForValue="PROCESS_NAME">index=main sourcetype=main01 | stats by PROCESS_NAME</populatingSearch>
       </input>
     </panel>
   </row>
Tags (3)
0 Karma

chimell
Motivator

Hi vtsguerrero

you have two option
first option:
use 500pxin the two inputs

<row>
      <panel>
        <input type="radio" token="process" searchWhenChanged="true">
          <label>Search Process</label>
          <option name="height">500px</option>
          <populatingSearch fieldForLabel="PROCESS_NAME" fieldForValue="PROCESS_NAME">index=main sourcetype=main01 | stats by PROCESS_NAME</populatingSearch>
        </input>
        <input type="multiselect" token="process" searchWhenChanged="true">
          <label>PROCESS_NAME</label>
         <option name="height">500px</option>
          <populatingSearch fieldForLabel="PROCESS_NAME" fieldForValue="PROCESS_NAME">index=main sourcetype=main01 | stats by PROCESS_NAME</populatingSearch>
        </input>
      </panel>
    </row>

second option :
use and to frame the input

<row>
          <panel>
  <fieldset submitButton="false">
            <input type="radio" token="process" searchWhenChanged="true">
              <label>Search Process</label>
              <populatingSearch fieldForLabel="PROCESS_NAME" fieldForValue="PROCESS_NAME">index=main sourcetype=main01 | stats by PROCESS_NAME</populatingSearch>
            </input>
            <input type="multiselect" token="process" searchWhenChanged="true">
              <label>PROCESS_NAME</label>
              <populatingSearch fieldForLabel="PROCESS_NAME" fieldForValue="PROCESS_NAME">index=main sourcetype=main01 | stats by PROCESS_NAME</populatingSearch>
            </input>
    </fieldset>
          </panel>
        </row>
0 Karma

vtsguerrero
Contributor

Still not workin', I put some hard-code inputs to see if they would fit the height:

 <row>
    <panel>
      <input type="radio" token="process" searchWhenChanged="true">
        <label>Select A Process</label>
        <option name="height">50px</option>
        <choice>Test01</choice>
        <choice>Test02</choice>
        <choice>Test03</choice>
        <choice>Test04</choice>
        <choice>Test05</choice>
        <choice>Test06</choice>
        <choice>Test07</choice>
        <choice>Test08</choice>
        <choice>Test09</choice>
        <choice>Test10</choice>
        <choice>Test11</choice>
        <choice>Test12</choice>
        <choice>Test13</choice>
        <choice>Test14</choice>
        <choice>Test15</choice>
        <choice>Test16</choice>
        <choice>Test17</choice>
        <choice>Test18</choice>
        <choice>Test19</choice>
        <choice>Test20</choice>
      </input>
    </panel>
  </row>
0 Karma

kumargaurav
New Member

use only 500 instead of 500px

0 Karma

nick405060
Motivator

The 500 vs 500px shouldn't make a difference

0 Karma

masonmorales
Influencer

You can set height statically using simple XML:

<option name="height">500px</option>

The only other alternatives I know of are to use either CSS or JavaScript.

nick405060
Motivator

Not working for a table in Splunk 6.3. No error it just doesn't affect height.

0 Karma

vtsguerrero
Contributor

I get a synthax error when using option, where should I place it in my piece of code? Inside panel tag or row tag for this case?

0 Karma

masonmorales
Influencer

Neither. You would put it inside your visualization element (chart, table, etc.) for that panel. I am not sure if it'll expand your inputs, but it's worth a try. If not, your only other option is CSS or JS.

See also: Simple XML Reference

0 Karma

vtsguerrero
Contributor

When I use inside both elements I get a synthax error, I think it probably wouldn't work for a simple panel, what I need is just a way to limit the size so the inputs would become pages and not take the whole page height when gettin' dynamic... Would this change be simple in css, @masonmorales ? How Do I do that with css then?
Thanks for the tips!

0 Karma
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!

[Puzzles] Solve, Learn, Repeat: Character substitutions with Regular Expressions

This challenge was first posted on Slack #puzzles channelFor BORE at .conf23, we had a puzzle question which ...

Splunk Community Badges!

  Hey everyone! Ready to earn some serious bragging rights in the community? Along with our existing badges ...

[Puzzles] Solve, Learn, Repeat: Matching cron expressions

This puzzle (first published here) is based on matching timestamps to cron expressions.All the timestamps ...