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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Text not visible in Dark mode in iOS 13.1.3

Thread ID:

Created:

Updated:

Platform:

Replies:

152911 Oct 24,2019 11:27 PM UTC May 21,2020 11:51 AM UTC Xamarin.Forms 20
loading
Tags: SfStepProgressBar
Another XamarinDev
Asked On October 24, 2019 11:27 PM UTC


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 [Syncfusion]
Replied On October 25, 2019 12:32 PM UTC

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
Replied On October 26, 2019 12:17 AM UTC


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 [Syncfusion]
Replied On October 28, 2019 07:04 AM UTC

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 [Syncfusion]
Replied On October 30, 2019 01:51 PM UTC

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, 
 
 
We hope this helps. Please let us know, if need any further assistance. 
 
Regards,
Ajith 
 


Another XamarinDev
Replied On October 30, 2019 09:02 PM UTC

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 [Syncfusion]
Replied On October 31, 2019 02:23 PM UTC

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
Replied On December 19, 2019 09:17 PM UTC

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 [Syncfusion]
Replied On December 20, 2019 03:13 PM UTC

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. 

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

Regards, 
Vignesh. 


Tim Demeza
Replied On March 30, 2020 03:14 PM UTC

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 [Syncfusion]
Replied On March 31, 2020 03:35 PM UTC

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 7th 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 1st April 2020. 
 
Regards, 
Ramya S 


Sakthivel Palaniyappan [Syncfusion]
Replied On April 2, 2020 04:16 AM UTC

Hi Tim,

Sorry for the inconvenience,

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

Regards,
Sakthivel P.
 


Sakthivel Palaniyappan [Syncfusion]
Replied On April 2, 2020 12:08 PM UTC

Hi Tim,

Sorry for the inconvenience.

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

Regards,
Sakthivel P.

 


Sakthivel Palaniyappan [Syncfusion]
Replied On April 3, 2020 12:50 PM UTC

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 [Syncfusion]
Replied On April 8, 2020 01:24 PM UTC

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 [Syncfusion]
Replied On May 15, 2020 01:11 PM UTC

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
Replied On May 16, 2020 03:20 PM UTC

Hi, 

The same problem exists for SfStepProgressBar.
Would it be fixed on May 19 release?

Thanks.


Ramya Soundar Rajan [Syncfusion]
Replied On May 18, 2020 11:55 AM UTC

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:  
 
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
Replied On May 18, 2020 03:08 PM UTC

Hi Ramya,

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

Thanks

Devaraj Sekar [Syncfusion]
Replied On May 19, 2020 01:18 PM UTC

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 21st May 2020. 
Regards, 
Devaraj S 


Devaraj Sekar [Syncfusion]
Replied On May 21, 2020 11:51 AM UTC

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 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

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

Live Chat Icon For mobile
Live Chat Icon