Create a Powerapp Survey based on SharePoint

Power Apps User Interface

In the previous demo, Peter Kalmström, CEO and Systems Designer of kalmstrom.com Business Solutions, showed how to take data from a website and use it as column names in a SharePoint list.

Here, Peter continues the series on how to create a powerapp survey with a demonstration on how to build the user interface in Power Apps.

Steps

In the SharePoint list, select Integrate >Power Apps >Customize forms.
In Power Apps Studio, add the missing fields, one at a time to get them in the correct order.
Insert Next and Back arrows below the form in the screen.
Insert a label for progress between the arrows.
Set a variable for the App Onstart: Set(CurrentQuestionNumber,1).
Run the Onstart variable.
Select all data cards except the Title and create a filter formula for their Visible property: StartsWith(Self.DisplayName, CurrentQuestionNumber&".")
Modify the variable when the Back arrow is selected: Set(CurrentQuestionNumber,CurrentQuestionNumber-1).
Modify the variable when the Next arrow is selected: Set(CurrentQuestionNumber,CurrentQuestionNumber+1).
Set the form to New mode.