Forum Discussion

Dave0145's avatar
Dave0145
Frequent Visitor
9 years ago

Font family selector in capabilities

I can see how to setup a colour selector in capabilities, and have looked at VisualContracts.d.ts in the custom-visuals github repository and can see the StructuralTypeDescriptor definition there but it seems to only address colour fills. Is there a way to setup a font family selector in the custom visual I am developing?

4 Replies

  • v-viig's avatar
    v-viig
    Community Champion

    Hello Dave0145,

     

    Power BI Custom Visuals API doesn't support font family in capabilities.

    This feature is in our backlog, but we can't provide any ETA.

     

    Ignat Vilesov,

    Software Engineer

     

    Microsoft Power BI Custom Visuals

    [email protected]

    • Dave0145's avatar
      Dave0145
      Frequent Visitor

      OK - thanks for letting me know v-viig. I'll look forward to implementing that in my custom visuals once it is available.

    • anandsoftweb's avatar
      anandsoftweb
      Advocate V

      v-viig

       

      Now this font type capabilities available as a property in custom visual if so then how we can implement it.

       

      Thanks

      • v-viig's avatar
        v-viig
        Community Champion

        We'd recommend to use enumeration to define what font families custom visual supports.

                        "fontFamily": {
                            "displayName": "Font family",
                            "type": {
                                "enumeration": [
                                    {
                                        "displayName": "Default",
                                        "description": "helvetica, arial, sans-serif",
                                        "value": "helvetica, arial, sans-serif"
                                    },
                                    {
                                        "displayName": "Arial",
                                        "value": "Arial"
                                    },
                                    {
                                        "displayName": "Arial Black",
                                        "value": "\"Arial Black\""
                                    },
                                    {
                                        "displayName": "Arial Unicode MS",
                                        "value": "\"Arial Unicode MS\""
                                    },
                                    {
                                        "displayName": "Calibri",
                                        "value": "Calibri"
                                    },
                                    {
                                        "displayName": "Cambria",
                                        "value": "Cambria"
                                    },
                                    {
                                        "displayName": "Cambria Math",
                                        "value": "\"Cambria Math\""
                                    },
                                    {
                                        "displayName": "Candara",
                                        "value": "Candara"
                                    },
                                    {
                                        "displayName": "Comic Sans MS",
                                        "value": "\"Comic Sans MS\""
                                    },
                                    {
                                        "displayName": "Consolas",
                                        "value": "Consolas"
                                    },
                                    {
                                        "displayName": "Constantia",
                                        "value": "Constantia"
                                    },
                                    {
                                        "displayName": "Corbel",
                                        "value": "Corbel"
                                    },
                                    {
                                        "displayName": "Courier New",
                                        "value": "\"Courier New\""
                                    },
                                    {
                                        "displayName": "Georgia",
                                        "value": "Georgia"
                                    },
                                    {
                                        "displayName": "Lucida Sans Unicode",
                                        "value": "\"Lucida Sans Unicode\""
                                    },
                                    {
                                        "displayName": "Segoe (Bold)",
                                        "value": "\"Segoe UI Bold\", wf_segoe-ui_bold, helvetica, arial, sans-serif"
                                    },
                                    {
                                        "displayName": "Segoe UI",
                                        "value": "\"Segoe UI\", wf_segoe-ui_normal, helvetica, arial, sans-serif"
                                    },
                                    {
                                        "displayName": "Segoe UI Light",
                                        "value": "\"Segoe UI Light\", wf_segoe-ui_bold, helvetica, arial, sans-serif"
                                    },
                                    {
                                        "displayName": "Symbol",
                                        "value": "Symbol"
                                    },
                                    {
                                        "displayName": "Tahoma",
                                        "value": "Tahoma"
                                    },
                                    {
                                        "displayName": "Times New Roman",
                                        "value": "\"Times New Roman\""
                                    },
                                    {
                                        "displayName": "Trebuchet MS",
                                        "value": "\"Trebuchet MS\""
                                    },
                                    {
                                        "displayName": "Verdana",
                                        "value": "Verdana"
                                    },
                                    {
                                        "displayName": "Wingdings",
                                        "value": "Wingdings"
                                    }
                                ]
                            }
                        }

        Ignat Vilesov,

        Software Engineer

         

        Microsoft Power BI Custom Visuals

        [email protected]