Dashboards & Visualizations

Input button to Left Hand Side

sarithapguptha
Engager

Hi,

I want to show the input , drop down , checkbox and radio buttons completely in left hand side and my main dashboard data in right hand side, any idea how to do.

0 Karma

niketn
Legend

@sarithapguptha can you add the mock screenshot of what you need? Also what is your current dashboard snippet for inputs?

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

sarithapguptha
Engager

@niketn 

 

I want the dropdown button in the left hand side, not above as shown in the image attached.

 

I have Host, input type, Input name and error type filters in left side intead of above.

sarithapguptha_0-1594101982341.png

 

0 Karma

niketn
Legend

If Dropdown and inputs move on the left side (without mock up of expected output I am assuming stacked vertcally) then what will be on the right side? Empty space?

For us to assist you better please provide a mock screenshot of the layout you need. Whiteboard image or paint image will also do.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

sarithapguptha
Engager

I want the filters in left side and the panels in right side, the below shows the panels below the filters which i have now.

sarithapguptha_0-1594275090790.png

 

the code is 

<form>
<label>DASHBOARD</label>
<fieldset submitButton="false">
<input type="dropdown" token="field3" searchWhenChanged="true">
<label>INDEX</label>
<choice value="*">All</choice>
<default>*</default>
<initialValue>*</initialValue>
<fieldForLabel>index</fieldForLabel>
<fieldForValue>index</fieldForValue>
<search>
<query>index=_internal | stats count by index</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
</input>
<input type="multiselect" token="field4" searchWhenChanged="true">
<label>LEVEL</label>
<choice value="*">All</choice>
<default>*</default>
<initialValue>*</initialValue>
<fieldForLabel>level</fieldForLabel>
<fieldForValue>level</fieldForValue>
<search>
<query>index=_internal | stats count by level</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<delimiter> </delimiter>
</input>
</fieldset>
<row>
<panel>
<chart>
<title>INDEX DETAILS</title>
<search>
<query>index=_internal | stats count by index</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<option name="charting.chart">line</option>
<option name="charting.drilldown">none</option>
</chart>
</panel>
</row>
<row>
<panel>
<title>LEVEL CHART</title>
<chart>
<search>
<query>index=_internal | stats count by level</query>
<earliest>-7d@h</earliest>
<latest>now</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="charting.chart">column</option>
<option name="charting.chart.showDataLabels">all</option>
<option name="charting.chart.stackMode">stacked100</option>
<option name="charting.drilldown">none</option>
</chart>
</panel>
</row>
</form>

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!

Announcing Modern Navigation: A New Era of Splunk User Experience

We are excited to introduce the Modern Navigation feature in the Splunk Platform, available to both cloud and ...

Modernize your Splunk Apps – Introducing Python 3.13 in Splunk

We are excited to announce that the upcoming releases of Splunk Enterprise 10.2.x and Splunk Cloud Platform ...

Step into “Hunt the Insider: An Splunk ES Premier Mystery” to catch a cybercriminal ...

After a whole week of being on call, you fell asleep on your keyboard, and you hit a sequence of buttons that ...