web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / The PCF control is not...
Power Apps
Answered

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

(0) ShareShare
ReportReport
Posted on by 24

Hi

 

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.

 

sandzz_1-1710537023573.png

 


 

I have the same question (0)
  • a33ik Profile Picture
    3,306 Most Valuable Professional on at

    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.

  • sandzz Profile Picture
    24 on at

    I will upload the code.

     

    Thanks

  • sandzz Profile Picture
    24 on at

    Hi a33ik,

     

    Here's the pcf control

     

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

  • Verified answer
    skoofy5 Profile Picture
    482 on at

    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.

    skoofy5_0-1710905926754.png

     

    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.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the July Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 358 Most Valuable Professional

#2
11manish Profile Picture

11manish 214 Super User 2026 Season 2

#3
Mohsin Ali Profile Picture

Mohsin Ali 185

Last 30 days Overall leaderboard