Answered

Disable Scroll Using PCF

(0) Share

Report

Posted on by Lese

Hi I am developing a Mousewheel control and it should disable Model Driven UI Scroll while hovering a field.

I have tried assigning css class to html body when mouse is hovering the field. But it seems like the Model Driven UI does not inherit the css class to the elements inside the body.

I have also tried assigning the css class by using getElementByID but PCF does not recognize the element Id from the Model Driven UI.

Question is it possible to inherit styles from body to a certain element?

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (2)

Answers (1)

Sort by

Diana Birkelbach 3,072 Most Valuable Professional on at

Like
a
(2)

Report
Copy link

Link copied!

Hi @Lese ,

Do you need control over your own control-area? A PCF gets to control it's own DIV, but is not supposed to make changes to the rest of the form.

Maybe it is possible, but this would be unsupported.

Kind regards,

Diana

Was this reply helpful? Yes No
Verified answer

Lese 10 on at

Like
a
(0)

Report
Copy link

Link copied!

I was able resolve the problem by getting the div element that has the scroll by calling the role tag "tabpanel" by querySelector and injecting another class that will modify the scroll function of the model driven ui.

I used classList.toggle("<classname>"); to hide the overflow of model driven ui without changing or affecting its own css. Still need to further investigate for any side effects.

Was this reply helpful? Yes No