Forum Discussion
identifying visualname in Custom Visuals
- 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] - 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
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"
}
]
}
}
}
}
Hey, mrothschild v-evelk ,
Can you please verify the JSON, is it the right way to style different visuals using the visual name and visual id?