Register now to learn Fabric in free live sessions led by the best Microsoft experts. From Apr 16 to May 9, in English and Spanish.
Hello, I have a weird situation....My custom visual on Chrome displays just fine, but on IE and Edge, the font size was changed....not sure why. My font size was driven by a user typed filled in the object and default value is set to 55. On Chrome displayed as we expected. Anyone experiencing the same?
code behind for the viewmodel, although I don't think it was caused by my viewmodel:
Mainmeasure: { text: '(blank)', attributes: [ { key: 'x', value: `${viewportWidth / 2}` }, { key: 'y', value: `${viewportHeight * visualSettings.card.MainValueY / 100}` }, { key: 'text-anchor', value: 'middle' }, { key: 'alignment-baseline', value: 'middle' } ], styles: [ { key: 'font-size', value: `${MainValue_FontSize}` }, { key: 'font-family', value: 'Bebas Neue' }, { key: 'fill', value: MainValue_FontColor }, { key: 'font-weight', value: 'bold' } ] },
and in the visual.ts
..... viewModel.card.Mainmeasure.styles.map((s) => { this.MainValue.style(s.key, s.value); }); ......
Solved! Go to Solution.
Hi @Anonymous,
It might be that you are not specifying the CSS unit for the font-size. If you're using a fontSize type for your object in capabilities.json, these would need to be in pt. It's likely that IE has different behaviour to Chrome when just a number is supplied as the font size.
Try replacing this:
{ key: 'font-size', value: `${MainValue_FontSize}` }
With this:
{ key: 'font-size', value: `${MainValue_FontSize}pt` }
That might be all you need.
Good luck!
Daniel
Proud to be a Super User!
My course: Introduction to Developing Power BI Visuals
On how to ask a technical question, if you really want an answer (courtesy of SQLBI)
Hi @Anonymous,
It might be that you are not specifying the CSS unit for the font-size. If you're using a fontSize type for your object in capabilities.json, these would need to be in pt. It's likely that IE has different behaviour to Chrome when just a number is supplied as the font size.
Try replacing this:
{ key: 'font-size', value: `${MainValue_FontSize}` }
With this:
{ key: 'font-size', value: `${MainValue_FontSize}pt` }
That might be all you need.
Good luck!
Daniel
Proud to be a Super User!
My course: Introduction to Developing Power BI Visuals
On how to ask a technical question, if you really want an answer (courtesy of SQLBI)
Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City
Check out the April 2024 Power BI update to learn about new features.
User | Count |
---|---|
12 | |
2 | |
2 | |
1 | |
1 |