Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
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!
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
- 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.
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.
Get Updates on the Splunk Community!
Leveraging Automated Threat Analysis Across the Splunk Ecosystem
Are you leveraging automation to its fullest potential in your threat detection strategy?Our upcoming Security ...
Can’t Make It to Boston? Stream .conf25 and Learn with Haya Husain
Boston may be buzzing this September with Splunk University and .conf25, but you don’t have to pack a bag to ...
Splunk Lantern’s Guide to The Most Popular .conf25 Sessions
Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...
