Login page

Question

Give me sign up and login page ui functionality in canvas app

Tuhin Paul · Answer

The Sign Up page allows users to create a new account by entering necessary information like username, email, password, and confirming their password. UI Elements: Labels : For form labels such as Username, Email, Password, and Confirm Password. Text Input Controls : For entering user details like Username, Email, and Password. Password Input Control : For entering the password securely. Button : For submitting the Sign-Up form. Error Labels : To display validation messages or errors (e.g., "Passwords do not match"). Steps to Create the UI: Text Input Fields: Add Text Input controls for Username, Email, Password, and Confirm Password fields. Set HintText property for placeholders like "Enter Username" and "Enter Email". For password fields, set the Mode property to Password for secure input. TextInput_Username.HintText = "Enter Username" TextInput_Email.HintText = "Enter Email" TextInput_Password.HintText = "Enter Password" TextInput_ConfirmPassword.HintText = "Confirm Password" Sign Up Button: Add a Button control for the "Sign Up" action. Set its Text property to "Sign Up". Error Label: Add a Label control to display validation errors (e.g., passwords don't match or missing fields). Set its Text property dynamically based on the validation logic. Logic for Sign Up Validation and Submission: Validate Input : Ensure all required fields are filled out. Validate that passwords match. If( IsBlank(TextInput_Username.Text) || IsBlank(TextInput_Email.Text) || IsBlank(TextInput_Password.Text) || IsBlank(TextInput_ConfirmPassword.Text), Notify("All fields are required.", NotificationType.Error), TextInput_Password.Text TextInput_ConfirmPassword.Text, Notify("Passwords do not match.", NotificationType.Error), // Otherwise, proceed with sign-up logic SubmitForm(SignUpForm) // You can replace this with your actual user registration logic )

Muhammad Imran Ansari · Answer

Hi Divya, Have you tried this? https://www.c-sharpcorner.com/article/how-to-create-login-page-in-powerapps-using-sharepoint/ Thank you.

Login page

Answers (2)