Formatting pane: line alignment

VizDataLtd — Tue, 30 Jan 2024 13:11:48 GMT

Hello there,

I am upgrading my custom visuals from 2.6 to 5.3 - a massive leap in one go. One thing I can't get to work is the Alignment Group.

Within

class DataPointCardSettings extends FormattingSettingsCard {

I have the code:

labelAlignment = new formattingSettings.AlignmentGroup({ name: "labelAlignment", displayName: "Label alignment", mode: powerbi.visuals.AlignmentGroupMode.Horizonal, value: { value: "right" } });

I can't compile. I get the error: Type {value:string} is not assignable to type "string".

I have tried true / false, I have tried blank, but no joy.

I am using settings.ts, because I am modifying and copying code into the circleCard example. The example I have found online appears to change the code in visual.ts only: Customize the format pane in Power BI custom visuals - Power BI | Microsoft Learn

Can I still use both settings.ts and visual.ts, or should I just be using visual.ts?

The code below (taken from the link above) implies you can assign a string of "right" to value. Any ideas? Thanks

Re: Formatting pane: line alignment

dm-p — Tue, 30 Jan 2024 20:43:41 GMT

Hi @VizDataLtd

I haven't tried implementing the alignment settings in formatting cards yet, but from looking at the error:

Type {value:string} is not assignable to type "string"

This suggests assigning a string to the value property, not an object. Your reference example shows this, too. I would try amending as follows:

labelAlignment = new formattingSettings.AlignmentGroup({ name: "labelAlignment", displayName: "Label alignment", mode: powerbi.visuals.AlignmentGroupMode.Horizonal, value: "right" // string rather than object });

Regards,

Daniel

topic Formatting pane: line alignment in Custom Visuals Development Discussion

Formatting pane: line alignment

Re: Formatting pane: line alignment