![]() ![]() All these categories are expanded when you open the application. Axure RP provides a rich set of UI controls categorized according to their area of applications.Īs shown in the figure above (a), the libraries have the categories as – Common, Forms, Menus and Table, and Markup. Typical controls available in this section are – Box, Image, Placeholder, Buttons, etc. In the libraries pane, most of the controls required for the prototype are available. You can use it to plan the screens in the intended prototype. Like most of the different tools available, this section allows you to interact with the pages in your prototype. For doing so, right-click on any of the page, then you will be presented with the options such as – Add, Move, Delete, Rename, Duplicate, etc. You can continue with the structure given or you can change it as per your needs. These pages are shown in a default tree structure as follows. This section shows the pages you are working on. Let us walk through these parts one by one. When you click the button “NEW FILE”, you will be presented with the following screen to create a new prototype.Īs shown in the figure above, the workspace is divided into 6 parts. On this screen, you have the following options − This screen will always be shown at the startup until you opt for not to show it. Therefore, in the setting of repeater, we need to change these contents.Once you install Axure, you will be presented with an interface as shown in the following screenshot. ![]() The only thing is that enterprise users log in with enterprise email, and employee login pages log in with staff ID. The enterprise user login page and the staff login page are similar to the individual user login page. If the result is greater than 1, the mobile phone number and password we entered are correct, we can complete the login, and we will jump to the successful login page.Ħ. If it is equal to 0, it proves that the phone number or password we entered is wrong. At this time, we show phone number or password error hint.ĥ. Generally speaking, only 1 or 0 will appear in the result. We can use the VisibleItemCount function for statistics. After filtering, the number of visual items of the repeater needs to be determined, that is, whether the repeater has visible content after filtering. ![]() The filter condition is that the value of the repeater Phone Number column is equal to the content in the mobile phone number text field, and the value of the Password column is equal to the value in the password text field.Ĥ. Here, the repeater is only used for recording, so it can be hidden by default and the internal rectangle can be deleted.ģ. The repeater contains Phone Number and Password, in which we can fill in the default phone number of individual users and the corresponding password. The repeater is used to judge whether the mobile phone number and password correspond to the repeater data one by one. Here, you need to use the repeater to judge whether the mobile phone number and password are correct. And set the hover effect of the buttons.Ģ. On the login page, after entering the mobile phone number and password, click the login button. The lading page is relatively simple, including hint text (please select your account type) and three options (rectangle + icon), as shown in the image below.ġ. Then there are three successful login pages.Ģ. Individual, enterprise and employee pages are login pages for different user types. In the Lading Page, users can choose different user types to log in. Preview the completed prototype for this tutorialġ. When the input is wrong, notify user with text. When the user input is correct, enter the login success page. Use the repeater to save the user names and passwords of different roles. When you click the role icon, you will enter the login page of response.Ģ. Enter the saved user name and password to log in. Select different roles to enter different login pages.Ģ. Then input different types of user accounts and passwords to realize the login of different users. After making, users can select different types of users to enter different pages. Now let's learn how to make multi-user login web pages. For example, enterprise users, individual users and staff login in social networking sites. Multi-user login is a feature required by many apps and websites. ![]()
0 Comments
Leave a Reply. |