How to change the layouts of the PowerApps-customized SharePoint form?

Question

I've customized a SharePoint list form using PowerApps and I don't see an option anywhere that would allow me to make the app large or responsive. So far PowerApps-customized forms look like a joke. Does anyone know if there is a way to "stretch" this form?

I know, that Microsoft might think that it's so small because it's "mobile first". But the thing is that PowerApps-customized forms don't show in SharePoint mobile apps anyway. So what's the point of these PowerApps being so slim? Can someone, please comment on it?

Update

Please, note that the original question was asked in 2018 when the setting for resizing didn't yet exist.

Answer 1

As of April 2018, PowerApps-customized SharePoint list forms do not support resizing.

Some poor workaround options:

• Create the full PowerApp. If you do that you will have to either jump from one URL to another between PowerApps and SharePoint.
• Use something that is not PowerApps. For example, SPFx

Update

Resizing is now possible with limitations

Just like any other Power App, form apps have a setting for resizing now. It's hard to miss:

Limitations:

Answer 2

There's actually a real easy way to increase the width on Powerapps forms that are integrated with sharepoint lists, so that not only is the empty whitespace utilized on the NewForm.aspx page, but on the list view itself if they click '+ New' that the pane will extend out further. Open the powerapps form you want to customize first, and then:

1. Click on File (top left hand side)
2. Click on App Settings
3. Click on Screen size + Orientation.
4. Then select the Orientation you want (Portrait or Landscape) and whether you want it small or large.
5. Make sure you click on Apply in the bottom right of the screen (it doesn’t really jump out at you).

Pick the landscape option, and then go back to your form and you'll be able to drag the fields out to the new wider width, then just save and publish.

Answer 3

The modern SharePoint lists are built using React framework I believe. This way the form loads without a page reload happening. The forms loads within a Canvas which is on the same page(List). Even I couldn't find a way of resizing this canvas. An app created here could be resized but possibly not the list form.

Answer 4

Per my test in my SharePoint online environment, I customize the list from in PowerApps. When I create new item or edit the item, there is no such white space in the form.

To troubleshoot the issue, you could check things below:

1. Clear IE cache.

2. Switch to other browser to check if the same issue will occur.

Using PowerApps to customize the list form is the new feature. And it will be improved in the future.

There is a workaround.

You could customize the list form in InfoPath.

Per my test in my SharePoint online environment, by default it will not open a new tab when I create a new item or edit the item.