

You can use the Max Length field in the Interactions pane to specify the maximum length of entry a text field will accept. You can access some additional properties of text field and text area widgets by clicking Show All in the Interactions pane.
Widget justinmind menu deroulant how to#
You can learn more about this and how to change a widget's tab order in the Organizing Widgets article. Tab order for text fields, text areas, and other form widgets is determined by their layer depth, as shown in the Outline pane. Time: May prompt a browser-styled time picker Month: May prompt a browser-styled month and year picker Some web browsers may add an "X" icon you can click to clear the fieldįile: Changes the text field into a file-upload button in the web browser, which will open the device’s file browser when clicked (though it is not possible to upload a file to an Axure RP prototype)ĭate: May prompt a browser-styled date picker or calendar control Search: May add a search button to keyboard on mobile devices. URL: May prompt a URL-entry keyboard on mobile devices Phone Number: May prompt a dial pad on mobile devices Number: Only accepts numeric input, may prompt a numeric keyboard on mobile devices Password: Text is masked as it is enteredĮmail: May prompt an email keyboard on mobile devices Text: Default setting used for basic text entry The different types of fields and the results of using that field type are as follows: As such, you'll find that certain field types are more applicable to working in Axure RP than others.

Text field types are a feature of HTML, not an invention of Axure's - we're just giving you access to them. In addition, when you select a text field on a mobile device, some field types will cause a different type of keyboard to appear, such as a number keypad instead of the alphanumeric keyboard. Keep in mind that web browsers often apply their own styling to certain types of text fields. Use the Input Type dropdown in the Interactions pane to select the input type for a text field. You can give text field widgets different input types to denote their function in a user input form. To change the hint text's styling, edit the Hint style effect in the Interactions pane. Hint text is grey by default and appears in the font applied to the text field/area. Use the Hide After dropdown to make your selection. You can choose whether the hint text will be hidden after the text field/area has been focused or after the user starts typing. Hint text will appear in a text field/area until the user interacts with it, at which time it will disappear to allow the user to fill in the input as needed. You can add hint text (also called "placeholder text") to a text field/area using the Hint Text field in the Interactions pane. Learn how in the Pass Text to Next Page tutorial. You can capture the text that users enter into text fields and text areas and pass that text to other pages in the prototype.
