Tomáš Čičman Tomáš Čičman - 1 year ago 77
TypeScript Question

Power BI Custom Visual development - Cannot set height for div

I am trying to develop custom visual for Power BI.
I have div element with leaflet map. When I do not set a height, visual is empty. I can set a height with"300px";

But this is fixed.
How can I set height dynamically by viewport?

This is my code

private mapDiv: HTMLElement;

constructor(options: VisualConstructorOptions) {

this.mapDiv = document.createElement("div"); = "mapid";

var map ='mapid');
map.setView([48.14, 17.12], 13);

L.tileLayer('https:....', {
minZoom: 4,
maxZoom: 18,


public update(options: VisualUpdateOptions) {
// = "300px"; WORKS = options.viewport.height.toString(); // DOESNT WORKS !!!

Can you help pls?

Answer Source

You need to append "px" back to options.viewport.height as it's just a number.

i.e. You can try = options.viewport.height + "px";
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download