Forum Discussion

VizDataLtd's avatar
VizDataLtd
Helper I
2 years ago
Solved

Formatting pane: line alignment

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

 

 

  • dm-p's avatar
    dm-p
    2 years ago

    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

1 Reply

  • dm-p's avatar
    dm-p
    Super User
    2 years ago

    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