topic Custom Visual HTMLElement scrolling in Developer

Custom Visual HTMLElement scrolling

Dave0145 — Thu, 27 Jul 2017 23:58:06 GMT

Hi,

I have been developing a custom visual using a HTMLElement object. I have set the <div> to overflow:auto. However, scrollbars do not appear when the content exceeds the iframe bounds. The standard list and matrix custom visuals do exactly what I want but there is no repo for those so I can't learn from that code.

Could anyone please advise how to make scrollbars automatically appear on a custom visual when content exceeds frame size?

Re: Custom Visual HTMLElement scrolling

v-viig — Fri, 28 Jul 2017 06:36:27 GMT

Hello @Dave0145,

Does div element have minimal sizes? Could you pleaseshare your code to investigate the issue deeper?

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Re: Custom Visual HTMLElement scrolling

v-chuncz-msft — Fri, 28 Jul 2017 11:18:53 GMT

@Dave0145,

Check the solution below.

https://community.powerbi.com/t5/Developer/make-custom-visuals-scrollable/m-p/98115#M3451

Re: Custom Visual HTMLElement scrolling

Dave0145 — Sun, 30 Jul 2017 21:55:18 GMT

Brilliant! Thanks very much @v-chuncz-msft. That has worked beautifully. My problem was that I had put the overflow: auto in my .less file to style the div rather than setting the options on the constructor as you have suggested here.