We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to change BorderWidth of NumericUpDown by using Custom Renderer

Syncfusion NumericUpDown in Xamarin has the option to change border width by using custom renderer.

 

To change BorderWidth of NumericUpDown by using Custom Renderer please follow the below given procedure:

 

Step 1: Add the xaml content given below in the main xaml page.

 

Step 2: Create Renderer file and add the OnElementChange event on the required platform which you need. The code for OnElementChange event for each platform is given in the code illustrates.

 

The below code illustrates how to change border width of NumericUpDown by using custom renderer.

Add the below content in the Main xaml file.

 

 

Add the below content in the .android renderer file

 

 

Add the below content in the .ios renderer file

 

 

Add the below content in the .UWP renderer file

 

 

Image for NumericalUpDown:

 

Article ID: Published Date: Last Revised Date: Platform: Control:
7633 04/05/2017 04/07/2017 Xamarin.Forms SfNumericUpDown
Did you find this information helpful?
Comments
Balakrishnan Oct 13, 2017

I am trying to remove the border and customize the Button, Could you please suggest and share me the sample project, It will be helpful.



Reply
Selva Kumar  Veerakrishnan [Syncfusion] Oct 17, 2017

Hi Balakrishnan,

 

Query: To remove border of SfNumericUpDown.

 

For iOS:

Control.Layer.BorderWidth = 0;

 

For UWP:

 Control.BorderThickness = new Windows.UI.Xaml.Thickness(0);

 

For Android:

gd.SetStroke(0, Android.Graphics.Color.Transparent);

 

 

Query : To set the Customization button.

 

We have prepared a sample for your requirement, in which we have used the image and ttf to the UpDown button. Please download the sample from the link given below.

 

Link: http://www.syncfusion.com/downloads/support/directtrac/general/ze/NumericUpDownButton1932987359.zip

 

Regards,

Selva Kumar V.
Reply
Add Comment
You must log in to leave a comment

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon