How to remove CornerRadius of the SfCombobox?

[Nguyen Khoa Lu]

Hello Synfusion Support, 

I have a control SfCombobox with BackgroundColor is Red, I easy using CustomView for display Control which I want, but my form has very much controls, I don't want use CustomView because it maybe causes my application to be slowed. 

I received here:

I want here:

Or here:

Any solution for this?

Thanks..

[Suganya Sethuraman]

Hi Nguyen,

Greetings from Syncfusion.

We have analyzed your requirement. We have achieved your requirement using CustomRenderer. Please add a custom renderer as shown below

Code snippet: 

public class CustomRendereriOS : SfComboBoxRenderer 

    { 

        public CustomRendereriOS() 

        { 

        } 

        protected override void OnElementChanged(ElementChangedEventArgs<Syncfusion.XForms.ComboBox.SfComboBox> e) 

        { 

            base.OnElementChanged(e); 

            if (Control != null) 

            { 

                if (e.NewElement != null) 

                    e.NewElement.SizeChanged += (obj, args) => 

                    { 

                        var borderLayer = new CALayer(); 

                        borderLayer.Frame = new CoreGraphics.CGRect(0, 0, this.Control.Frame.Width, this.Control.Frame.Height); 

                        borderLayer.BackgroundColor = UIColor.Clear.CGColor; 

                        borderLayer.BorderColor = UIColor.Gray.CGColor; 

                        borderLayer.BorderWidth = 2; 

                        borderLayer.CornerRadius = 0; 

                        this.Control.TextField.BorderStyle = UITextBorderStyle.None; 

                        this.Control.Layer.AddSublayer(borderLayer); 

                    }; 

            } 

        } 

    } 

Please have the modified sample,

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ComboBoxNoBorder-1567481916
Please let us know if you have any concerns.

Regards,
Suganya Sethuraman. 

 

[Nguyen Khoa Lu]

Thanks for your answer, 

I want to remove padding left of text too. 

Do you have solution?

Current: 

I want:

[Ruba Shanmugam]

Hi Nguyen, 

We have validated your and set the left padding for the ComboBox by using SfComboBoxRenderer.  

Code Snippet: 

Android: 

if (Control != null) 

            { 

                if (!string.IsNullOrEmpty(Control.Watermark)) 

                { 

                    var editText = Control.GetAutoEditText(); 

                    editText.SetPadding(0, 0, 0, 0); 

                } 

            } 

iOS: 

  if (Control != null) 

            { 

                Control.TextField.LeftView = new UIView(new CGRect(0, 0, 0, 0)); 

                Control.TextField.LeftViewMode = UITextFieldViewMode.Always; 

            } 

 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ComboBox_Padding-1365023883  

Screenshot: 

 

Please let us know, if you have any other concerns. 

Regards, 

Ruba Shanmugam 

 

[Nguyen Khoa Lu]

Problem had been fixed.

Thanks you very much.

[Sakthivel Palaniyappan]

Hi Nguyen,

Thanks for the update.

We are glad to know that reported problem has been resolved at your end. Please let us know if you need further assistance on this.

Regards,
Sakthivel P.