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!

Splunk Observability for AI

Don’t miss out on an exciting Tech Talk on Splunk Observability for AI! Discover how Splunk’s agentic AI ...

[Puzzles] Solve, Learn, Repeat: Dereferencing XML to Fixed-length events

This challenge was first posted on Slack #puzzles channelFor a previous puzzle, I needed a set of fixed-length ...

Stay Connected: Your Guide to December Tech Talks, Office Hours, and Webinars!

What are Community Office Hours? Community Office Hours is an interactive 60-minute Zoom series where ...