topic Re: How To Limit Panel Height? in Dashboards & Visualizations

How To Limit Panel Height?

vtsguerrero — Tue, 24 Mar 2015 13:03:53 GMT

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>

Re: How To Limit Panel Height?

masonmorales — Tue, 24 Mar 2015 13:42:32 GMT

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.

Re: How To Limit Panel Height?

vtsguerrero — Tue, 24 Mar 2015 18:57:09 GMT

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?

Re: How To Limit Panel Height?

masonmorales — Wed, 25 Mar 2015 13:29:18 GMT

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.

Re: How To Limit Panel Height?

vtsguerrero — Wed, 25 Mar 2015 13:33:01 GMT

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!

Re: How To Limit Panel Height?

chimell — Thu, 26 Mar 2015 13:12:55 GMT

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>

Re: How To Limit Panel Height?

vtsguerrero — Thu, 26 Mar 2015 14:13:55 GMT

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>

Re: How To Limit Panel Height?

kumargaurav — Thu, 15 Mar 2018 20:50:10 GMT

use only 500 instead of 500px

Re: How To Limit Panel Height?

nick405060 — Wed, 18 Jul 2018 17:40:19 GMT

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

Re: How To Limit Panel Height?

nick405060 — Wed, 18 Jul 2018 18:28:04 GMT

The 500 vs 500px shouldn't make a difference