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!

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...

Introducing the 2024 Splunk MVPs!

We are excited to announce the 2024 cohort of the Splunk MVP program. Splunk MVPs are passionate members of ...

Splunk Custom Visualizations App End of Life

The Splunk Custom Visualizations apps End of Life for SimpleXML will reach end of support on Dec 21, 2024, ...