Step 11: Select the Login button, then select the OnClick event on the Properties tab. Right-click the box, then select Set Hidden on the contextual menu that appears.In the right pane, name the box Error Message.Step 10: Drag a box from the Libraries section, then type the error message: Your login credentials are incorrect. Step 9: Drag a label from the Libraries section to the canvas, then rename it Forgot your password. Step 8: Drag a checkbox from the Libraries section to the canvas, then rename it: Keep me signed in for 30 days. Step 7: Vertically align the Login button with the Username and Password text boxes. Step 6: Drag a primary button from the Libraries section to the canvas, then rename it Login. Enter the password you want to keep in the Hint field. Step 5: Select the second text box, then on the Properties Tab, select Password on the Type drop-down list. Type the username you want to keep in the Hint box. Step 4: Select the first text box, then on the Properties Tab, select Text in the Type drop-down list. Step 3: Drag two text boxes from the Libraries section to the canvas and name them: Username and Password. In this case, we’ll keep the font family as Calibri and the font size at 48. Select its font and size on the Style tab.Step 2: Drag a label to the canvas, then: Step 1: After starting Axure RP, under Pages, rename Home as Login and as Landing Page. Let’s start with a basic interaction: how to add interactivity and validation to a login page by doing the following: Add styles to them by selecting the widget, then making the requisite changes on the Styles tab. Please try again.ĭrag the appropriate widgets from Libraries and drop them onto the canvas.
0 Comments
Leave a Reply. |