Forum Discussion

powerkriya's avatar
powerkriya
Frequent Visitor
6 years ago
Solved

How to clear selection

I am enhancing the circle card visual by adding a border only when selecting the card.  Iam populating a category data field and a label field value on the visual.  Now I using this visual on a report page multiple times.  

 

If I click my circle card visual iam showing border for the circle and at the same time i want to remove the border on the circle of other circle card visuals on the same report page.  This is to give a feel which visual is being selected.

 

How to achieve this?

 

Iam using the below code to add the border

d3.selectAll("circle")

.attr("stroke", shapeBorderColor)
.attr("stroke-width", "2px");
  • I added "supportsHighlight"true in the capabilities.json and this adds the highlights array to the dataview for the visual which is not currently selected.  Using that i managed to remove the border of the circle.

1 Reply

  • powerkriya's avatar
    powerkriya
    Frequent Visitor

    I added "supportsHighlight"true in the capabilities.json and this adds the highlights array to the dataview for the visual which is not currently selected.  Using that i managed to remove the border of the circle.