Forum Discussion
SVG image position
- 4 years ago
Hi Solle,
The container used to host any custom visual has a small amount of padding that we don't have access to, as it sits above the main body of the visual in the DOM.
If it's he HTML Content visual you're using, it applies a generic scroller over the content, which is pushing the height over in this case. It may be easier to just keep the container size a little bigger, but you can style out the scrollbar handle in this case using the measure-based stylesheet property and assigning via conditional formatting, but it still may scroll if the user clicks on the visual and uses their mouse wheel.
Note that the property is broken in the new-style formatting pane and you will need to revert to the old version to access. This is an issue for all custom visuals utilising conditional formatting in this manner and Microsoft should be deploying a fix in the next major version of Power BI Desktop.
The measure you can create for the CSS is as follows:
CSS = ".os-scrollbar { visibility: hidden; }"Assign this via the property and the scrollbar handle will no longer display, e.g.:
Regards,
Daniel
Hi Solle ,
Base on my research, there is no proper setting to disable the scroll bar. You can contact custom visual support team to get professional help, change the settings of HTMLViewer in the backend similar as in the following codes. Or you can raise a new idea and add your comments there to make this feature coming sooner.
Power BI Custom Visuals' Community
make custom visuals scrollable
constructor(options: VisualConstructorOptions) {
options.element.style.overflow = 'auto';
Best Regards