Forum Discussion
Problems with custom forms and the new SharePoint list views
Microsoft is pushing the new look for SharePoint lists, and I have an example that seems to affect customs forms size / dimensions:
As you can see, we need to scroll to see the entire windows.
I had a browser that had cached the old list layout, and that displayed the custom form correctly. But as soon as I refreshed a few times, I also got the wrong dimensions here.
I tried to republish the app, but that didn't help.
Is there a way to fix this, or is it possible to get the old view back?
An update from Microsoft:
Current status: After the deployment of our targeted solution, we're validating with affected users to determine if impact has been remediated.
I just checked a couple of forms and the issue seems to have been fixed.Looks like the CSS was updated so now the max width is set to 100% of the width of the viewport - 72px and not 100% of the height - 72px as it was previously.
.spItemCustomForm_87379c9a { max-height: calc(100vh - 72px); max-width: calc(100vw - 72px);- Yes, our forms look fixed.
- Works for me as well!
We've had the same issue with all of our lists too. I have noticed that if you change the screen magnification then the customised form is viewable without the scroll bars. My normal screen is set to 100% and they open fine however when i view them on my laptop I have to change the resolution to around 67% - not great but just something i noticed - hopefully microsoft will sort their 'beep' out and get it sorted ASAP Frode_Slettum
michellemcfarlane I also noticed this today as I'm in the office with a very large monitor. If Microsoft just change it so the pop-up uses more of the screen's width, even at lower resolutions / higher zoom then the problem could be solved.
Taking a look at the page css, it looks like the max-width is being set to 100% of the viewport height minus 72px:
.spItemCustomForm_9e070022 { max-height: calc(100vh - 72px); max-width: calc(100vh - 72px);On a small screen the previous preview pane forms would take up most of the screen width, so sizing them to be smaller than the height is obviously causing problems.
With that max-width css removed the form displays fine. Hopefully someone from Microsoft sees this...
I would like to know the same. We have multiple lists with PowerApps custom forms as part as our management system and its completed messed it up!
I did notice that if you have a higher resolution monitor (mine is 1440p) that the forms fit but most of our users are 1080p in which it puts it in a square box like your image.Also just tried zooming out on the browser as a work around for the time being, will obviously depend on how small you've designed your app to see if thats feasible or not.
- I've noticed the same issue today. Lists that have the "+ Add new item" button are affected and the scroll bars on the centralised pop-up make Power Apps customised forms unusable. Forms with the "+ New" button are unaffected and still have the fly-out window coming in from the side. Haven't found a way to choose between the two options yet or what is causing it.
Twilko1861 actually it's getting worse now. Lists that just a couple of hours ago showed the "+ New" button, now show the "+ Add new item" button and now have this problem. Are we going to have to give up on the SharePoint list interface completely and move to canvas based Power Apps?!
- We are having the same issue. I noticed that the add new item form shows up appropriately, but View and Edit are in the small square box and it's not even allowing resizing. You just have to scroll.
- Looking to be a global issue. Has anyone found any best practices to make it a little better. Trying to find some kind of configuration that works better.
Try creating a shortcut... copy the link and create a shortcut and then paste it as a browser favorite, it then displays correctly for us that way. def not a fix but may be a good workaround. Goofymeek99
Have anyone been in contact with Microsoft about this?
- Hi, this is now showing up on the Service Health alerts in the Admin center.
https://admin.cloud.microsoft/?#/servicehealth/:/alerts/SP907551
Do go on there and tag that you are affected by it.- Good work. Hope MS prioritize this.
- I created a service ticket with Microsoft yesterday, got a reply that they are investigating and they would get back in three working days. Good to see there is a service health alert for it now.
- Thanks for creating the ticket Twilko1861! This issue is so annoying.
Frode_Slettum This is a nightmare. My whole site has been destroyed by whatever Microsoft has done behind the scenes. All Power Apps forms now have vertical and horizontal scrollbars. This makes the end user experience extremely clunky. I only noticed this yesterday.
*************** MICROSOFT THIS IS A BUG! ****************- Someone else posted to change resolution down to 67%. That's what I've had my users do and for now that is working it removes the right to left scroll. But yes very annoying.
- Yes, it's affecting our forms too. Not a lot I can do until MS advise a fix. Looks like some clumsy work by MS. I reported it yesterday. I'm glad to see there's a Service Health advisory for it now.
Just found another issue.
I have Power BI reports with links (using the Link to Item column) back to the relevant list which usually opens in the custom form. But currently they open in the default sharepoint view rather than the custom form.
Has anyone else got this issue?
