Dashboards & Visualizations

Remove "All" from multiselect input when other options selected vice versa

DataOrg
Builder

i have multiple multi-select input in dashboard but i want to apply on the particular multiselect without disturbing other inputs.
if all is selected i want to remove other values from the selection vice versa

0 Karma

poete
Builder

Hello @premranjithj .

You can achieve this using the following steps:

<input type="multiselect" token="object_type_token" id="object_type">
  <label>Subcategory</label>
  <choice value="*">All</choice>
  <valuePrefix>subcategory="</valuePrefix>
  <valueSuffix>"</valueSuffix>
  <delimiter> OR </delimiter>
  <fieldForLabel>subcategory</fieldForLabel>
  <fieldForValue>subcategory</fieldForValue>
  <search>
    <query>...</query>
    <earliest>-24h@h</earliest>
    <latest>now</latest>
  </search>
</input>

Here you set the id of the multiselect, and the valuePrefix

Then, you need to associate the right behaviour with the javascript.

Here is an example, to handle a toggle when 'All' is selected:

// Handle the "All" attribut of every inputs
var defaultTokenModel = mvc.Components.get("default");

    // On "TypeObjet" change :
defaultTokenModel.on("change:object_type_token", function(new_object_type_token, object_type_token, options) {
    if (object_type_token!=null){
    // Handle the "All" value, in case "All" is selected, and another value is added. In this case, "All" is removed
        if (object_type_token.startsWith("subcategory=\"*\" OR ")){
            var withoutAll = object_type_token.replace("subcategory=\"*\" OR ","");
            withoutAll = withoutAll.replace("subcategory=\"","");
            withoutAll = withoutAll.replace("\"","");
            defaultTokenModel.set("form.object_type_token", withoutAll);
        }
        // Handle the "All" value, in case it is added to the multiselect. In this case, keep only "All"
        if (object_type_token.endsWith(" OR subcategory=\"*\"")) {
                defaultTokenModel.set("form.object_type_token", "*");
        }
});

This is a proposal, in order to provide an example of implementation.

I hope this helps!

0 Karma

DataOrg
Builder

@poete . this is not working on the mutiselect

0 Karma
Get Updates on the Splunk Community!

Extending Observability Content to Splunk Cloud

Watch Now!   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to leverage ...

More Control Over Your Monitoring Costs with Archived Metrics!

What if there was a way you could keep all the metrics data you need while saving on storage costs?This is now ...

New in Observability Cloud - Explicit Bucket Histograms

Splunk introduces native support for histograms as a metric data type within Observability Cloud with Explicit ...