Answered

The PCF control is not displaying in the area where it has been assigned

(0) Share

Report

Posted on by sandzz

I have created a Pcf control that will display 5 input dynamics fields. When I assign the pcf control to the field "Pcf Question Input: the control is completely over lapping the entire form. What is causing this issue.

Categories:

Power Apps component framework

All responses (4)

Answers (1)

Verified answer

skoofy5 480 on at

Like (0)

Report

Re: The PCF control is not displaying in the area where it has been assigned

I’ve just had a quick look at your code and it seems like in your init you’re passing the root container off to an async process that will create your control, but then it takes that container and appends it to the document body. So you could start by removing “document.body.appendChild(this._container);” because the root container is already a part of the form and this is probably moving it higher up in the DOM.

To see what I mean I would recommend reviewing some of the samples like the ChoicesPicker which might also give you some direction as to how to use updateView instead of init - https://github.com/microsoft/PowerApps-Samples/blob/master/component-framework/ChoicesPickerControl/ChoicesPicker/index.ts

https://learn.microsoft.com/en-us/power-apps/developer/component-framework/reference/control/init
https://learn.microsoft.com/en-us/power-apps/developer/component-framework/reference/control/updateview

You may also be interested in this implementation - https://pcf.gallery/pcf-form-json/

Best of luck.
sandzz 24 on at

Like (0)

Report

Re: The PCF control is not displaying in the area where it has been assigned

Hi a33ik,

Here's the pcf control

https://github.com/retthom/pcfcontrol.git
sandzz 24 on at

Like (0)

Report

Re: The PCF control is not displaying in the area where it has been assigned

I will upload the code.

Thanks
a33ik 3,304 Most Valuable Professional on at

Like (0)

Report

Re: The PCF control is not displaying in the area where it has been assigned

Hello,

It's a bit hard to reply why your control behaves this way. It would be possible to analyze and give you any advice if you provide the code. You can upload the code of your control to GitHub and put a link here.