topic Power BI - Cannot set height in Developer

Power BI - Cannot set height

tomascvm — Sat, 11 Mar 2017 19:24:53 GMT

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 emplty. I can set a height with

this.mapDiv.style.height="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");
        this.mapDiv.id = "mapid";   
        options.element.appendChild(this.mapDiv);

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

        L.tileLayer('https:....', {
                minZoom: 4,
                maxZoom: 18,
         }).addTo(map);

    }

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

Power BI - Cannot set height

tomascvm — Sat, 11 Mar 2017 19:28:41 GMT

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 emplty. I can set a height with

this.mapDiv.style.height="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");
        this.mapDiv.id = "mapid";   
        options.element.appendChild(this.mapDiv);

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

        L.tileLayer('https:....', {
                minZoom: 4,
                maxZoom: 18,
         }).addTo(map);

    }

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

Re: Power BI - Cannot set height

v-chuncz-msft — Mon, 13 Mar 2017 11:05:10 GMT

@tomascvm,

You need to add the length unit.

this.mapDiv.style.height = options.viewport.height.toString() + "px";