topic Re: How can I add Groups using Formatting model utils to build a formatting settings model? in Custom Visuals Development Discussion

How can I add Groups using Formatting model utils to build a formatting settings model?

Anonymous — Mon, 30 Jan 2023 15:13:03 GMT

Hi there!

I use Formatting model utils to build a formatting settings model to populate the property panes. There are models, cards, and slices.
I have relations as "Model -> Cards -> Slices". I want to add Groups and then it should look like "Model -> Cards -> Groups -> Slices".

I found some information about the Formatting group here and I found an example of how to generate groups using "getFormattingModal" here. Then I should use getFormattingModal for all my formatting settings and I don't want it, because it is not convenient.

So, how can I add groups to the formatting model using "Formatting group" instead of "getFormattingModal"?

I need something like this:

Re: How can I add Groups using Formatting model utils to build a formatting settings model?

xeroiced — Wed, 07 Jun 2023 00:42:44 GMT

I searched everything on google notahing good comes up. We need one with this example... there is one without the FormattingModel utils.... which is useless

Re: How can I add Groups using Formatting model utils to build a formatting settings model?

dm-p — Wed, 14 Jun 2023 22:23:31 GMT

There won't be any examples for the formatting model utils, because groups are not part of that libray's API. Currently - as you've observed - if you want full parity with the exposed formatting pane API, you will currently need to build the formatting model using getFormattingModel in the base Power BI Visuals API rather than using the additional utilities.

If this is not an option for you, I would suggest you create an issue in the repo or contact pbicvsupport@microsoft.com so that the team know you want it as a feature.

Daniel

Re: How can I add Groups using Formatting model utils to build a formatting settings model?

gdelpuenteCinec — Tue, 30 Apr 2024 13:11:15 GMT

try as in the example on the documentation page ( There are some errors but I'll leave you the correct summarized version below)

import { formattingSettings } from "powerbi-visuals-utils-formattingmodel"; import FormattingSettingsCompositeCard = formattingSettings.CompositeCard; import FormattingSettingsGroup = formattingSettings.Group; import FormattingSettingsSlice = formattingSettings.Slice; // Formatting settings group class myVisualGroupSettings extends FormattingSettingsGroup { // Formatting settings slice myAnotherNumericSlice = new formattingSettings.NumUpDown({ name: "myAnotherNumericSlice", displayName: "My Formatting Numeric Slice in group", value: 15, visible: true, }); slices: Array<FormattingSettingsSlice> = [this.myAnotherNumericSlice]; } // Formatting settings card class myVisualCardSettings extends FormattingSettingsCompositeCard { name: string = "myVisualCard"; displayName: string = "My Formatting Card"; groupSetting = new myVisualGroupSettings(Object()) groups: Array<FormattingSettingsGroup> = [this.groupSetting] } export class VisualFormattingSettingsModel extends FormattingSettingsModel { // Create formatting settings model formatting cards aCard = new myVisualCardSettings(); cards = [this.aCard]; }