How to have dropdown which is fixed when scrolled down in a dashboard?

[power12]

Hello SPLUNKERS

I have dashboard with multiple panels. On top the dashboard I have multiple dropdowns,time select and multi select inputs.If i want to select or change my drop-down selection after reaching the bottom of my  my dashboard all the way to bottom .I need to scroll up and change it..Is there way to have the drop-down be fixed when scrolled and be visible and able to make changes

Thanks in Advance

[ITWhisperer]

Are you using Dashboard Studio or Classic? Dashboard Studio seems to do this automatically.

[power12]

I am doing the classic one...But i was able to do  it .

/* Freeze top filters */
.fieldset.dashboard-form-globalfieldset.editable{
position:sticky;
top: 0 !important;
z-index: 2;
display: inline-block;
width:100%;
background:#32373e;

color:white;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;}
div [data-view="views/dashboard/form/Input"] label{
font-weight:bold!important;}
.input.input-dropdown{
margin-top:10px!important;
margin-left:15px!important;}
/* Display Total row in bold for all tables */
.shared-resultstable-resultstablesummaryrow{
font-weight:bold!important;
font-size:15px!important;}

[bowesmana]

If this has worked for you, please accept your solution - this will be valuable to the community (and me!!)

[bowesmana]

You can't do this directly with Splunk, but you may be able to do it using CSS to modify the input panels at the top, but you'd have to know your CSS/HTML.