Empty Spaces in Power APP Design Please Help

[UzairAli]

Hello, I have been design my first ever power App, and in the sharepoint form , i would like to take input from users on the basis of what services they would like to use. On the selection of services requested, i hide/unhide fields but these are creating empty spaces in the layout. Please see the pictures attached

Kindly help, project due on Monday 24th July

[SanmeshG]

Hi @UzairAli ,

I don't know if there is any direct way to to get rid of the spaces. But I can recommend the following.

1. You can use multiple Forms in PowerApps and show and hide them based on the dropdown/Combo box value.

2. You can use a variable to change the Form Mode and use it in the Default Form Mode.

3. Also you can use a variable in the Item property of the Form for record.

4. All the forms create a single record in the SP List.

5. I hope you are making the fields required only in PowerApps(Else this method may not work as some fields won't be part of the form based on the dropdown value).

6. Set Item property in all the 3 forms to be varRecord.

7. For edit mode , you have to set the variable varFormMode to edit and you should also set the value of the record to Set(varRecord,ThisItem). (This needs to be set on the onselect property of the button in you gallery on your hoke page, If you are using a SharePoint Integrated Form then you should write the formula in the onEdit property)

8. In the default Form Mode property you can use the formula , 

If(varFormMode="Edit",FormMode.Edit,FormMode.New)

Below is the code for onSelect property of the button.

If(
    varFormMode = "New",
    Patch(
        agenda,
        Defaults(agenda),
        Form1.Updates,
        Form2.Updates,
        Form3.Updates
    ),
    Patch(
        agenda,
        varRecord,
        Form1.Updates,
        Form2.Updates,
        Form3.Updates
    )
);
ResetForm(Form1);
ResetForm(Form2);
ResetForm(Form3);
Set(
    varFormMode,
    "New"
)

 

Also you can checkout the below thread and see if that helps , 

https://powerusers.microsoft.com/t5/Building-Power-Apps/Space-management-in-PowerApps-Canvas-App/m-p... 

If this helps , please give this answer a thumbs up and accept this as a solution.

Thanks,

Sanmesh

[UzairAli]

Hello Sanmesh, Before this approach i tried to have the multiple form approach, where I had 3 froms and they were called upon on the basis on the selection made in services requested, but those forms were connected to one list  (which I want ) I dont want three different list.

In this way my issue was the field dropdown "services requested" was not getting input to the list 😞 
I have attached the screenshot, if you see the input form, all the fields go in and its a form this time, but services requested dont get posted in the list, top two fields are seperate form as they stay always and below the divider its a seperate form

[SanmeshG]

Hi @UzairAli  ,

In my case , I am using three different forms but still the data is saved to a same list with only a single record.

Adding screenshots for your reference.

Here all 3 forms are used to submit a single record to the list agenda.

 

Hope this helps!

Thanks,
Sanmesh

[timl]

Hi @UzairAli 

Going back to your original question, if you set the X and Y properties of all the cards in your form to 0, it should clear the empty space when you hide cards conditionally.