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>
Hi vtsguerrero
you have two option
first option:
use 500px
in 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>
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>
use only 500 instead of 500px
The 500 vs 500px shouldn't make a difference
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.
Not working for a table in Splunk 6.3. No error it just doesn't affect height.
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?
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
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!