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 / Change the Height of D...
Power Apps
Unanswered

Change the Height of Date-Input in PCF to the PCF Component Height

(0) ShareShare
ReportReport
Posted on by 39

Hi All,

I have added the Date-Input to my PCF Component. I want to change its width and height to the width and height of the PCF component and it should change when we change the width and height of the PCF component on the CanvasApp screen, like if we drag it to either side or up/down to increase it's width and height then width and height of Date-input should also change to that component size as we have for out-of-the-box controls like Text-Input, DatePicker, etc.

 

I have set my style.width & style.height to 100%. Now, the width of the Date-Input is changing with the component's width when we change or drag the component to either side but it is not applying to height. Height of Date-Input is still the same and not changing with the component's height on Canvas App Screen. 

 

Note: I just want to change the height of the Input Box in Date-Input to the height of the component, not of the entire Date-Input Calendar when it opens.

 

Can someone help with some solution to this?

Thanks in advance.

I have the same question (0)
  • cchannon Profile Picture
    4,702 Moderator on at

    Open the developer tools in your browser where you are testing and look at the style elements on the control you wish to change. From here, you can edit the style by adding new style elements or unchecking ones you want to disable. Use this to play with all kinds of style changes without needing to worry about changing code and redeploying. Once you find a combination of style elements that gives you what you want, then update your code and redeploy.

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

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the March Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
11manish Profile Picture

11manish 476

#2
WarrenBelz Profile Picture

WarrenBelz 365 Most Valuable Professional

#3
Vish WR Profile Picture

Vish WR 339

Last 30 days Overall leaderboard