![]() The CheckBox gives the users the ability to show the text as they type. ClearButton & ActionButton with the CheckBox enabled – This scenario will give the user the ability to cancel their input in one click as well as display an inline icon (default is a theme aware arrow).PeekButton only- This is cleanest, most unobtrusive way to show the control.Here are a few scenarios that make the most sense: It depends on where you are using the PasswordBox and how the user will interact with it. Watch this short demo:Īs you can see, not all the buttons should be used at the same time. I’ve written an example app that lets you manually toggle these properties to see what they look like. However, there are many different ways to configure the control. The control was designed this way for you to get the most-used functionality without having to set any properties. ActionButton and ClearButton are set to Collapsed.There are some things you should know about the initial default state of a RadPasswordBox Now you have a default instance of the RadPasswordBox. ![]() RadPasswordBox myRadPwdBox = new RadPasswordBox() I’ll focus mostly on the XAML route, but will mention the code behind methods as well. There are two ways to instantiate the control, from the XAML or from the code behind. Good, now you’re ready to place an instance of RadPasswordBox on your page. Xmlns:telerikPrimitives="clr-namespace: assembly=" Next, add the following namespace to your view’s page’s header you’ll be placing the PasswordBox: The first thing you need to do before using this control is add the following assemblies to your project: Validation (displays message for 4 different states: Valid, Invalid, Validating and NotValidated).Checkbox (set to true will show text while typing).PeekButton (similar to the Windows 8 password peek feature).It leverages features of the RadTextBox (Header, Watermark, ClearButton & ActionButton) but adds additional features: The RadPasswordBox control is a control that masks the user’s characters.
0 Comments
Leave a Reply. |