When All Selected, Text Says All instead of Carousel or List

Comments

4 comments

  • Avatar
    Rapid Bi

    Were you able to solve this?

    0
    Comment actions Permalink
  • Avatar
    Gideon Jeffrey (Edited )

    Hi Kate,

    Here's something that will, I think, do what you need.  Let me know if it works for you!  My example uses a filter / field called "Fake Names" instead of "Countries" as in your case.

    First, in your BloX widget's Editor tab:

    (1) Set "showCarousel" to "true", but add the following option to make the navigation arrows go away:

    "showCarousel": true,
    "carouselAnimation": {
    "showButtons": false
    },
    (2) Within the specific Text Block / container you want to change, give it an "id" attribute of "text-to-change" and "wrap" attribute as shown in the bolded section below:
     
    "type": "TextBlock",
    "text": "{panel:Fake Names}",
    "id": "text-to-change",
    "wrap": "true",

    (Explanation: the "id" helps the widget script in the next steps run properly, and the "wrap" helps all the selected options show up if your user selects lots of them).

    Next, edit your widget's script by doing this:

    (3) Copy and paste the whole script below:

    widget.on("ready", function(w, args) {

    //make sure the target BloX text has an "id" attribute of "text-to-change"

    var yourFilterTitle = "Fake Names"; //insert your filter title here
    //ASSUMPTION: you're using an ordinary "List"-style filter

    var filterDetails = w.dashboard.filters.$$items.find(function(element){
    return element.jaql.title === yourFilterTitle;
    }).jaql.filter;

    if(filterDetails.all === true) {
    $("#text-to-change").text(yourFilterTitle + ": All")
    } else {
    $("#text-to-change").text(yourFilterTitle + ": " + filterDetails.members.join(", "))
    }

    });

     

    (4) Change the variable yourFilterTitle to whatever your dashboard filter's title is instead of "Fake Names" - presumably something like "Country".

    (5) Save all the changes, then refresh the dashboard.

    I'll show you what my example looks like for "Include All," single-selection, and multiple-selection:




     

    0
    Comment actions Permalink
  • Avatar
    Rapid Bi

    I was able to solve this in a similar way using prism.activdashboard in the script block inside Blox. Thanks for the response Gideon.

    0
    Comment actions Permalink
  • Avatar
    Gideon Jeffrey

    Great to hear, Rapid Bi!

    0
    Comment actions Permalink

Please sign in to leave a comment.