Forum Discussion

mrothschild's avatar
mrothschild
Continued Contributor
6 years ago
Solved

identifying visualname in Custom Visuals

Hi v-evelk    The following links: https://community.powerbi.com/t5/Desktop/Custom-Report-Theme-JSON-Property-settings-in-Tables-Matrix/td-p/278177/page/2   https://docs.microsoft.com/en-us/power...
Need Help
  • v-evelk's avatar
    v-evelk
    6 years ago

    Hi,

     

    So, the name for timeline is Timeline1447991079100 , for Aster Plot is AsterPlot1443303142064 .

    It's definitely not so trivial to reveal this names.

    Usually, it is enough to find the top container of a visual in the layout as on picture below.

     

     

    Kind Regards,

     

    Evgenii Elkin,
    Software Engineer
    Microsoft Power BI Custom Visuals
    [email protected]

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

    Hi mrothschild,

    You can  get the ID by right-clicking the visual icon in either Desktop or the Service and selecting About, e.g. for the Aster Plot, we can get the same IS v-evelk got from the browser DOM:

    Regards,

    Daniel

v-evelk's avatar
v-evelk
Microsoft Employee
6 years ago

Hi,

 

So, the name for timeline is Timeline1447991079100 , for Aster Plot is AsterPlot1443303142064 .

It's definitely not so trivial to reveal this names.

Usually, it is enough to find the top container of a visual in the layout as on picture below.

 

 

Kind Regards,

 

Evgenii Elkin,
Software Engineer
Microsoft Power BI Custom Visuals
[email protected]

  • mrothschild's avatar
    mrothschild
    Continued Contributor
    6 years ago

    v-evelk 

     

    Thank you.  I've edited the JSON, but doesn't seem like it's going to work to change the legend font size in the Aster Plot visual.  That said, would you mind providing the steps to get to the PNG image you attached in case it would work for other visuals?  

     

    Thanks!

     

     

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

      Hi mrothschild,

      You can  get the ID by right-clicking the visual icon in either Desktop or the Service and selecting About, e.g. for the Aster Plot, we can get the same IS v-evelk got from the browser DOM:

      Regards,

      Daniel

    • v-evelk's avatar
      v-evelk
      Microsoft Employee
      6 years ago

      "Thank you.  I've edited the JSON, but doesn't seem like it's going to work to change the legend font size in the Aster Plot visual.  That said, would you mind providing the steps to get to the PNG image you attached in case it would work for other visuals? "

       

      Please, show how your JSON looks like. Also, if you use picked parameters in format panel that change styles too, they can overwrite theme's parameters.

       

      Kind Regards,

       

      Evgenii Elkin,
      Software Engineer
      Microsoft Power BI Custom Visuals
      [email protected]

      • mrothschild's avatar
        mrothschild
        Continued Contributor
        6 years ago

        v-evelk 

         

        Below is the JSON code for the visualStyles section of my theme.  

         "visualStyles": {
    "*": {
      "*": {
        "*": [
          {
            "fontFamily": "Corbel",
            "fontsize":10,
            "fontColor": {
              "solid": {
                "color": "#0D2033"
              }
            }
          }
        ]
      }
    },
    "legend": 
      [
          {
            "fontFamily": "Corbel",
            "fontsize":6,
            "fontColor": {
              "solid": {
                "color": "#0D2033"
              }
            }
          }
        ],
     "tableEx": {
      "*": {
        "*": [
          {
            "fontFamily": "Corbel"
          }
        ]
      }
    },
    "slicer": {
      "*": {
        "*": [
          {
            "fontColor": {
              "solid": {
                "color": "#0D2033"
              }
            },
            "background": {
              "solid": {
                "color": "#FFFFFF"
              }
            }
          }
        ]
      }
    },
    "AsterPlot1443303142064": {
      "*": {
        "legend": [
          {
            "show": true,
            "showTitle": true,
            "labelColor": {
              "solid": {
                "color": "#0D2033"
              }
            },
            "fontSize": 3,
            "fontFamily": "Corbel"
          }
        ]
      }
    },
  

    "Timeline1447991079100": {
      "*": {
        "*": [
          {
            "fontColor": {
              "solid": {
                "color": "#0D2033"
              }
            },
            "fontFamily": "Corbel",
            "fontSize": 3,
            "background": {
              "solid": {
                "color": "#FFFFFF"
              }
            }
          }
        ]
      }
    },
    
    "calendarVisual5E37BB8CB2CB427ABE4F9EAAE66C5223": {
      "*": {
        "*": [
          {
            "fontColor": {
              "solid": {
                "color": "#0D2033"
              }
            },
            "fontFamily": "Corbel",
            "fontSize": 3,
            "background": {
              "solid": {
                "color": "#FFFFFF"
              }
            }
          }
        ]
      }
    },    
    "pivotTable": {
      "*": {
        "*": [
          {
            "fontFamily": "Corbel"
          }
        ]
      }
    }
  }
}