![more info buttons more info buttons](https://www.networkelectricalsupplies.com.au/images/brands/more-info-button.png)
If your dialog contains only one button, ensure that the button performs the safe, nondestructive action. If your layout requires only one button, it should be either left- or right-aligned based on its container context.ĭialogs with only one button should right-align the button. Increase button width, stack buttons, and wrap if text length is greater than 26 characters. If the button's text content is dynamic (that is, it is localized), consider how the button will be resized and what will happen to controls around it. Use the default font, unless your brand guidelines tell you to use something different.įor shorter text, avoid narrow command buttons by using a minimum button width of 120px.įor longer text, avoid wide command buttons by limiting text to a maximum length of 26 characters. Usually button text is a single word that is a verb. Use a concise, specific, self-explanatory text that clearly describes the action that the button performs. When you design that text, use the following recommendations: If you need to expose more actions to the user, consider using checkboxes or radio buttons from which the user can select actions, with a single command button to trigger those actions.įor an action that needs to be available across multiple pages within your app, instead of duplicating a button on multiple pages, consider using a bottom app bar.Ī button's content is usually text. When there are multiple buttons for the same decision (such as in a confirmation dialog), present the commit buttons in this order, where and are specific responses to the main instruction:Įxpose only one or two buttons to the user at a time, for example, Accept and Cancel. Make sure the purpose and state of a button are clear to the user. Unless your UI benefits from a button, it might be a better choice to use an AppBarToggleButton, CheckBox, RadioButton, or ToggleSwitch. Use a ToggleButton control when you want the user to be able to immediately switch between two mutually exclusive states, and a button is the best fit for your UI needs. Use a SplitButton control when you want the user to be able to initiate an immediate action or choose from additional options independently. The default chevron provides a visual indication that the button includes a flyout. Use a DropDownButton control when the button has a flyout that contains more options. For example, use a RepeatButton control to increment or decrement a value in a counter. Use a RepeatButton control when the user might want to trigger an action repeatedly. For other types of backwards navigation or navigation to an upper level, use a back button. For more info about hyperlinks, see Hyperlinks.įor wizard navigation, use buttons labeled Back and Next.
![more info buttons more info buttons](http://res.freestockphotos.biz/pictures/15/15355-illustration-of-a-blue-information-button-pv.png)
Use a Button control to let the user initiate an immediate action, such as submitting a form.ĭon't use a Button control when the action is to navigate to another page instead, use a HyperlinkButton control.
![more info buttons more info buttons](http://clipart-library.com/image_gallery2/More-Info-PNG-HD.png)
![more info buttons more info buttons](https://www.safetyalliance.org/wp-content/uploads/2018/10/learn-more-button-learn-more-web-button-computer-generated-web-button-icon-pure-white-background-119223262.jpg)
One side toggles on/off, and the other side opens a menu. One side initiates an action, and the other side opens a menu.Ī toggle button with two sides. For more info about hyperlinks, see Hyperlinks.Ī button with a chevron to open an attached flyout.Ī button with two sides. Can be used with a Click event or Command binding.Ī button that raises a Click event continuously while pressed.Ī button that's styled like a hyperlink and used for navigation. ControlĪ button that initiates an immediate action. The Extensible Application Markup Language (XAML) framework provides a standard button control as well as several specialized button controls. Some buttons are specialized for particular tasks, such as navigation, repeated actions, or presenting menus. A button gives the user a way to trigger an immediate action.