Text not visible in Dark mode in iOS 13.1.3

[Another XamarinDev]

if you turn on dark mode

https://support.apple.com/en-us/HT210332

texts in mask edit (and in regular edit too) becomes white on white

[Karthikraja Arumugam]

Hi Ilya, 

 

Thank you for contacting Syncfusion support. 

 

We have checked the reported issue “MaskedEdit editor color not change while changing theme to Dark in iPhone device” and we suspect that you are mentioning the issue in DataForm Xamarin.Forms.iOS platform since DataForm doesn’t have MaskedEdit support in Xamarin.iOS platform.  

 

We have provided support for Forms (PCL) theming alone and platform specific theme doesn’t support. But currently, we are analyzing the possibilities to achieve your requirement in sample level. We will update you further details on or before October 30, 2019. We appreciate your patience until then. 

 

Regards, 

Karthik Raja A 

[Another XamarinDev]

this is not a theming. Since iOS 13, user have a system wide choice of light or dark UI, and many users now choosing dark.

https://developer.apple.com/documentation/appkit/supporting_dark_mode_in_your_interface/

Your maskedit, for example, using hard coded value for background

            UIView uIView = new UITextField(new CGRect(0, 0, 12, Frame.Size.Height));
            uIView.BackgroundColor = UIColor.Clear;

 when you need to use system color, i.e. UIColor.SecondarySystemBackgroundColor

This is a serious issue, as your edit controls right now simply not working for anyone who choose dark UI

[Ajith Kumar Senthil Kumar]

Hi Ilya,  

  

Thank you for your update.  

  

Since we have not provided support for Masked Editor in SfDataForm in Native iOS kindly, share more details on masked edit issue. We are analyzing the possibilities to achieve your requirement in sample level on other editors. We will update you further details on or before October 30, 2019. We appreciate your patience until then.    

Regards,  

Ajith  

[Ajith Kumar Senthil Kumar]

Hi Ilya, 

 

Thank you for using Syncfusion products. 

 

Based on the provided information, your requirement of “Changing the color of dataform and its editor text when dark mode is on in iOS 13” in Xamarin.iOS can be achieved using the override TraitCollectionDidChange method of UIViewController. Since we did not provide Theme support for Native iOS projects .You can change the dataform color and its editors text color based on the UserInterfaceStyle. 

 

Please refer the following code example for the same, 

 

[C#] 

public override void TraitCollectionDidChange(UITraitCollection previousTraitCollection)
        {
            base.TraitCollectionDidChange(previousTraitCollection);
            if(this.TraitCollection.UserInterfaceStyle != previousTraitCollection.UserInterfaceStyle)
            {
                SetControlBackground();
            }
        } 

  

        public void SetControlBackground()
        {
            if (this.TraitCollection.UserInterfaceStyle != UIUserInterfaceStyle.Dark)
            {
                this.dataForm.BackgroundColor = UIColor.Black;
            }
            else if (this.TraitCollection.UserInterfaceStyle != UIUserInterfaceStyle.Light)
            {
                this.dataForm.BackgroundColor = UIColor.White;
            }
        } 

 

 

 

You can also refer our online user guide documentation to change the editors text color using custom editor by the following link, 

 

UG link: https://help.syncfusion.com/xamarin-ios/sfdataform/editing#customizing-existing-editor 

 

We hope this helps. Please let us know, if need any further assistance. 

 

Regards,
Ajith  

[Another XamarinDev]

Unfortunately, I do not have UIViewControllers. My UI is on Xamarin.Forms and platform independent.

Please change your code in iOS controls to get correct background color from system colors and not use hard coded value

this is your current code in Syncfusion.iOS.MaskedEdit.sfMaskEdit onLoading()

UIView uIView = new UITextField(new CGRect(0, 0, 12, Frame.Size.Height));
uIView.BackgroundColor = UIColor.Clear;

this is what you need to use (or omit it?)

UIView uIView = new UITextField(new CGRect(0, 0, 12, Frame.Size.Height));
uIView.BackgroundColor = UIColor.SecondarySystemBackgroundColor;

[Vignesh Ramesh]

Hi Ilya, 

Thanks for your response. 

As per Xamarin standard you need to change the theme color for controls at the application level, and don't have the option to change the control color (both Framework and Syncfusion controls) from the OS theme. However, we considered valuable feedback from you and further analyzed the feasibility and requirements of Xamarin controls. On this release end or road map, we will provide information about this requirement 

Regards, 

Vignesh. 

[Another XamarinDev]

your editors completely broken in Dark mode in iOS right now.  I do not understand why you are refusing to fix it.

What I had to do for mask editor. You need to do it in your base class

public class CustomSfMaskedEditRenderer : SfMaskedEditRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Syncfusion.XForms.MaskedEdit.SfMaskedEdit> e)
        {
            base.OnElementChanged(e);

            if (this.Control != null)
            {
                this.Control.BackgroundColor = UIColor.LightTextColor;
                this.Control.TextColor = UIColor.DarkTextColor;
            }
        }
    }

[Vignesh Ramesh]

Hi Ilya, 

Thanks for your response. 

We would like to inform that, we have implemented the SfMaskedEdit by extended the UITextField in iOS Native platform. So, we have checked the reported problem with UITextField, while changing the Mode of the device, the UITextFields TextColor get changed to White, but background color not get changed to Black. Same as the SfMaskedEdit behaves in this scenario. We can overcome this problem by changing the SfMaskedEdit’s BackgroundColor and TextColor in OnElementChanged and TraitCollectionDidChange override methods from the MaskedEdit’s Renderer based on current Mode of the device as like below snippet. 

[C#]: 

… 

public class CustomRenderer : SfMaskedEditRenderer 

{ 

    Syncfusion.iOS.MaskedEdit.SfMaskedEdit maskedEdit; 

    public CustomRenderer() 

    { 

    } 

 

    protected override void OnElementChanged(ElementChangedEventArgs<SfMaskedEdit> e) 

    { 

        base.OnElementChanged(e); 

        if (Control != null) 

        { 

            maskedEdit = Control; 

            SetControlColors(); 

        } 

    } 

 

 

    public override void TraitCollectionDidChange(UITraitCollection previousTraitCollection) 

    { 

        base.TraitCollectionDidChange(previousTraitCollection); 

        if (this.TraitCollection.UserInterfaceStyle != previousTraitCollection.UserInterfaceStyle) 

        { 

            SetControlColors(); 

        } 

    } 

 

    public void SetControlColors() 

    { 

        if (this.TraitCollection.UserInterfaceStyle == UIUserInterfaceStyle.Dark) 

        { 

           this.maskedEdit.TextColor = UIColor.LightTextColor; 

           this.maskedEdit.BackgroundColor = UIColor.DarkTextColor; 

        } 

        else if (this.TraitCollection.UserInterfaceStyle == UIUserInterfaceStyle.Light) 

        { 

            this.maskedEdit.TextColor = UIColor.DarkTextColor; 

            this.maskedEdit.BackgroundColor = UIColor.LightTextColor; 

        } 

    } 

} 

… 

Output: 

i) In Dark Mode 

 

ii) In Light Mode 

 

Please find the sample from the below link. 

https://www.syncfusion.com/downloads/support/directtrac/148563/ze/MaskEdits-907037639 

However, we will analyze in our source level and implement this logic. This will be reflected in our upcoming release. 

Regards, 

Vignesh. 

[Tim Demeza]

Has this been Fixed?  If so, in which release?  We are using SFTextInputLayout and are still experiencing the issue.  Our version is: 17.4.0.55 

Thank you.

[Ramya Soundar Rajan]

Hi Tim Demeza, 

 

Query1: Has this been Fixed?  If so, in which release? 

We will include the SfMaskedEdit fix in our next weekly NuGet which is expected to be rolled out on 7^th April 2020. 

 

Query2: We are using SFTextInputLayout and are still experiencing the issue. 

 

We have informed to the corresponding SfTextInputLayout team to validate the reported problem and update you the status on tomorrow 1^st April 2020. 

 

Regards, 

Ramya S 

[Sakthivel Palaniyappan]

Hi Tim,

Sorry for the inconvenience,

Currently we are working on this , we will update the details  on April 2^nd , 2020.

Regards,
Sakthivel P. 

[Sakthivel Palaniyappan]

Hi Tim,

Sorry for the inconvenience.

We are preparing sample on this, will update in one business day.

Regards,
Sakthivel P.

 

[Sakthivel Palaniyappan]

Hi Tim,

Thank you for your patience.

We have prepared the sample as per requirement with SfTextInputLayout control. Please find the sample from the below location.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SfTextInputLayoutSample-107090278.zip

Regards,
Sakthivel P, 

[Ramya Soundar Rajan]

Hi Tim, 

  

Sorry for inconvenience caused. 

  

We suggest you use the workaround provided for the SfMakedEdit and we will include the fix for the reported issue in our volume 1 SP1 release which will be available on first week of May 2020. We appreciate your patience until then. 

 

Regards, 

Ramya S 

[Ramya Soundar Rajan]

Hi Tim,  

 

Sorry for the inconvenience caused. 

 

We are unable to move the fix in our Volume1 SP1 release since we need to test with multiple scenarios and will include the fix for the reported issue in our upcoming weekly NuGet which is expected to be rolled out on May 19, 2020. 

 

Regards, 

Ramya S 

[Ozgur Kara]

Hi, 

The same problem exists for SfStepProgressBar.

Would it be fixed on May 19 release?

Thanks.

[Ramya Soundar Rajan]

Hi Ozgur Kara,  

 

The mentioned issue with “SfStepProgress text issue in Dark Mode in iOS version 13” works as expected from our side. We have prepared a sample based on the mentioned information, which can be downloaded from the below link.  

 

Sample link:  

https://www.syncfusion.com/downloads/support/directtrac/general/ze/StepSample1120662630.zip   

 

Sample screenshot:  

  

Kindly provide us the detailed information about the issue reproducing scenario, design layout or kindly modify the provided sample to reproduce the exact issue.  

 

Regards,  

Ramya S  

[Ozgur Kara]

Hi Ramya,

Your sample project uses Xamarin.Forms 4.3 please try with Xamarin.Forms 4.6.

Thanks

[Devaraj Sekar]

Hi Ozgur Kara, 

Thank you for the update. 

We were able to reproduce the issue and suspect this to be a defect. We will update you with further details on 21^st May 2020. 

Regards, 

Devaraj S 

[Devaraj Sekar]

Hi Ozgur Kara,  

Thank you for the patience. 

We confirmed that the issue with “Text not visible in Dark mode in iOS 13.1.3” is a defect and we have logged a defect report. The fix for this issue is estimated to be included in our upcoming weekly NuGet release, which is estimated to be available on 26th May 2020 tentatively. 

Regards, 

Devaraj S