Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

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.

Reply
Helphs
New Member

Enable X scrollbar from custom visual

Hi,

 

I'm developing a flowchart and I need to enable the overflow option, but this works only to Y axis, even though the content exceeds the the screen limit on the X axis too.

I'm using the overflow comand in the construtor, I tried to use the "auto" option too and the options.element.style.overflow:

 

 

constructor(options: VisualConstructorOptions) {
        this.target = options.element;
        this.target.style.width = "max-content";
        this.target.style.minWidth = "100vw";
        this.target.style.overflowX = "scroll";
        this.target.style.overflowY = "scroll";
}

 

 

 

Helphs_0-1695042477467.png

 

1 ACCEPTED SOLUTION
Helphs
New Member

I solved it, I had to activate overflow to auto in the css file in the body.visual-sandbox tag, in addition to keeping it activated in the constructor

 

View solution in original post

1 REPLY 1
Helphs
New Member

I solved it, I had to activate overflow to auto in the css file in the body.visual-sandbox tag, in addition to keeping it activated in the constructor

 

Helpful resources

Announcements
Microsoft Fabric Learn Together

Microsoft Fabric Learn Together

Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City

PBI_APRIL_CAROUSEL1

Power BI Monthly Update - April 2024

Check out the April 2024 Power BI update to learn about new features.

April Fabric Community Update

Fabric Community Update - April 2024

Find out what's new and trending in the Fabric Community.