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!

Updated Team Landing Page in Splunk Observability

We’re making some changes to the team landing page in Splunk Observability, based on your feedback. The ...

New! Splunk Observability Search Enhancements for Splunk APM Services/Traces and ...

Regardless of where you are in Splunk Observability, you can search for relevant APM targets including service ...

Webinar Recap | Revolutionizing IT Operations: The Transformative Power of AI and ML ...

The Transformative Power of AI and ML in Enhancing Observability   In the realm of IT operations, the ...