Number input with min and max values

Anonymous — Wed, 25 Aug 2021 05:52:55 GMT

I'm doing some custom R HTML visuals in Power BI. I can get a number input in Power BI by adding

"TestNumeric": {
"displayName": "Number",
"description": "test number",
"type": {
"numeric": true
}
}

in capabilities.json (and adapting src/settings.ts accordingly).

I would like to constrain this number input with a minimum and a maximum value. How can I do that?

Re: Number input with min and max values

Anonymous — Thu, 26 Aug 2021 13:17:33 GMT

I've found 😀

One has to modify src/visual.ts.

At the beginning, in the blocks of imports, add:

import VisualObjectInstanceEnumeration = powerbi.VisualObjectInstanceEnumeration;

Now, at the end, replace the function enumerateObjectInstances with this one:

public enumerateObjectInstances(options: EnumerateVisualObjectInstancesOptions): VisualObjectInstanceEnumeration { //var settings: VisualSettings = this.settings || VisualSettings.getDefault(); var enumeratedObjects: VisualObjectInstanceEnumerationObject = <VisualObjectInstanceEnumerationObject>VisualSettings.enumerateObjectInstances( this.settings || VisualSettings.getDefault(), options ); if (options.objectName === "YOUR-OBJECT-NAME") { enumeratedObjects.instances[0].validValues = { YOUR-PROPERTY-NAME: { numberRange: { min: 8, max: 20 } } }; } return enumeratedObjects; }

topic Number input with min and max values in Custom Visuals Development Discussion

Number input with min and max values

Re: Number input with min and max values