Unanswered

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 Pro Dev & ISV

I have the same question (0)

All responses (4)

Answers (1)

a33ik 3,306 Most Valuable Professional on at

Like (0)

Report

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.

Was this reply helpful? Yes No
sandzz 24 on at

Like (0)

Report

I will upload the code.

Thanks

Was this reply helpful? Yes No
sandzz 24 on at

Like (0)

Report

Hi a33ik,

Here's the pcf control

https://github.com/retthom/pcfcontrol.git

Was this reply helpful? Yes No
Verified answer

skoofy5 482 on at

Like (0)

Report

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.

Was this reply helpful? Yes No