Dashboards & Visualizations
×
Are you a member of the Splunk Community?
Sign in or Register with your Splunk account to get your questions answered, access valuable resources and connect with experts!
- Find Answers
- :
- Using Splunk
- :
- Dashboards & Visualizations
- :
- how to decrease the size of filter button based on...
Options
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark Topic
- Subscribe to Topic
- Mute Topic
- Printer Friendly Page
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
how to decrease the size of filter button based on filter value text size in dashboard
avni26
Explorer
07-15-2019
09:28 PM
Hi ,
I want to make the filter buttons on dashboard smaller to fit the text size(filtervalues) , so that all filter buttons comes in one line.
Is there any way to achieve this?
Please let me know.
Thanks.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
vnravikumar
Champion
07-17-2019
09:51 PM
Hi
Try this and adjust the width as per your need
<form script="size.js">
<label>multiselect</label>
<fieldset submitButton="false">
<input type="multiselect" token="field1" id="rk">
<label>field1</label>
<choice value="L1">L1</choice>
<choice value="L2">L2</choice>
<choice value="L3">L3</choice>
<delimiter> </delimiter>
</input>
<input type="multiselect" token="field2">
<label>field2</label>
<choice value="fdgsfdg">dfsdf6575675675675</choice>
<delimiter> </delimiter>
</input>
</fieldset>
<row depends="$hide$">
<panel>
<html>
<style>
#rk div[data-component="splunk-core:/splunkjs/mvc/components/MultiDropdown"]{
width:70px !important;
}
</style>
</html>
</panel>
</row>
</form>
js:
require([
'jquery',
'splunkjs/mvc',
'splunkjs/mvc/simplexml/ready!'
], function($, mvc){
$( "#rk" ).click(function() {
$('[class*="ResultsMenuStyles"]').each(function() {
$(this).attr('style','width:70px');
});
});
});
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
avni26
Explorer
07-19-2019
10:16 AM
@vnravikumar Thank you for the solution.
Instead of updating in js , i have added below part in my source code. And it worked.
<html>
<style>
#rk {
min-width: 160px !important;
width: 160px !important;
max-width: 160px !important;
}
#rk .splunk-multidropdown .select2-container {
min-width: 160px !important;
width: 160px !important;
max-width: 160px !important;
}
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
vnravikumar
Champion
07-19-2019
10:22 AM
cool. If my solution helps you, please upvote.
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
vnravikumar
Champion
07-15-2019
09:46 PM
Hi
Can you post a sample screen shot?
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
avni26
Explorer
07-16-2019
11:27 PM
I am unable to attach screenshot. I can explain.
For example:
There is multiselect input filter of support group which has values L1 L2 L3 , this values are of only two letters , but input filter button is too large as per filter value.
Can we decrease the button size in dashboard.
Get Updates on the Splunk Community!
Splunk Observability Cloud's AI Assistant in Action Series: Auditing Compliance and ...
This is the third post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how to ...
Splunk Community Badges!
Hey everyone! Ready to earn some serious bragging rights in the community? Along with our existing badges ...
What You Read The Most: Splunk Lantern’s Most Popular Articles!
Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...
