Forum Discussion

Anonymous's avatar
Anonymous
Not applicable
9 years ago
Solved

Custom Object Drowdown

I'm creating a custom visual. I want to include a dropdown object on the format pane that I can fill with options. I know it's possible because it's in the standard KPI visual, but I can't find any d...
v-viig's avatar
v-viig
Community Champion
8 years ago

Font Family dropdown is actually a common dropdown that can be implemented by using enumeration property (example).

After that, you should apply a proper Font Family to DOM element that you need.

 

Please let me know if you have any further questions.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

[email protected]

satishr's avatar
satishr
Helper III
8 years ago

v-viig Got it. Thank you. Can you provide me the actual font family enumeration with the values? I don't want to type each font name and later test each of them for any errors. Thanks!

  • v-viig's avatar
    v-viig
    Community Champion
    8 years ago

    Power BI doesn't provide any fonts for custom visuals.

    You should include fonts that you want using CSS and list font in the enumeration that your visual supports.

     

    Ignat Vilesov,

    Software Engineer

     

    Microsoft Power BI Custom Visuals

    [email protected]

    • FR5702's avatar
      FR5702
      Helper I
      8 years ago

      Hi v-viig,

       

      I read your examples and for a "classic" enumeration with string value, I understand how it's done and I successfully create one for my custom chart. But now, I'm stuck with another problem.

      I try to create an enumeration with shapes like this one (from the vanilla line chart): 

       

       

      My Datapoint's shape is defined by a SVG string and a path. So I tried to make something like this :

      "shapes": {
            "displayName": "Shapes",
            "properties": {
                "MarkerShape": {
                    "displayName": "Marker shape",
                    "type": {
                        "enumeration": [
                            {
                                "displayName": "M490,474.459H0L245.009,15.541L490,474.459z",
                                "value": "M490,474.459H0L245.009,15.541L490,474.459z"
                            }
                        ]
                    }
                }
            }
        }

      As my value is a string content, it works but the display name is also a string, how can I have the same result as the vanilla chart ? 

      I searched for any web examples but can't find any. 

      Some tips/advices/examples to share ? I'll greatly appreciate your help !

       

      Thanks :) 

      • v-viig's avatar
        v-viig
        Community Champion
        8 years ago

        It seems property must be called as "markerShape" and its type must be "enumeration".

         

        This enumeration must specify the following values:

                export const circle: string = 'circle';
        export const square: string = 'square';
        export const diamond: string = 'diamond';
        export const triangle: string = 'triangle';
        export const x: string = 'x';
        export const shortDash: string = 'shortDash';
        export const longDash: string = 'longDash';
        export const plus: string = 'plus';
        export const none: string = 'none';

        Not sure if it will work well.

         

        Ignat Vilesov,

        Software Engineer

         

        Microsoft Power BI Custom Visuals

        [email protected]