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

Earn a 50% discount on the DP-600 certification exam by completing the Fabric 30 Days to Learn It challenge.

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
LearnSurvey

Fabric certifications survey

Certification feedback opportunity for the community.

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.