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
Get Updates on the Splunk Community!

Observe and Secure All Apps with Splunk

  Join Us for Our Next Tech Talk: Observe and Secure All Apps with SplunkAs organizations continue to innovate ...

Splunk Decoded: Business Transactions vs Business IQ

It’s the morning of Black Friday, and your e-commerce site is handling 10x normal traffic. Orders are flowing, ...

Fastest way to demo Observability

I’ve been having a lot of fun learning about Kubernetes and Observability. I set myself an interesting ...