Support for iOS13 darkmode?

[S]

Hi,

I was wondering if there's any guidance on how to handle Dark mode with Telerik Controls?

We are currently using RadDataFrom and under dark mode, the form still have white background with white text making it unreadable.

 

Thanks

[Yana]

Hello,

Indeed, we identified some visual issues when dark mode on iOS 13 is enabled and we're working on resolving them.  I have logged a feedback item on your behalf regarding this feature:

 https://feedback.telerik.com/xamarin/1433680-provide-support-for-ios-13-dark-mode

Please follow the feedback item in order to get notified on status changes.

In the meantime, as you mentioned RadDataForm, you could change the editors background color through DataForm EditorStyle as described here: DataForm Editors Styling

In addition, you can go through the following useful SO topic about detecting whether dark mode is enabled in Xamarin.Form: https://stackoverflow.com/questions/57879523/how-to-check-for-dark-mode-in-xamarin-forms

Let me know if I can assist with anything else.

Regards,
Yana
Progress Telerik

[Harry Gozlan]

Hi,

I can't find a way to change the default text color for the editor part (all is about header or background). What if I want a white background header and a black editor text color ? (Under dark mode).

Thanks

[Didi]

Hello Harry,

We have a feature request about support for ios dark mode: https://feedback.telerik.com/xamarin/1451631-dark-mode-aware-dataform 

So you can check the soluton that my colleague Lance provided in the link above, or create a custom renderer and change the colors there.

Examples:

for inline editor:

public class DarkThemeEnabledDataFormRenderer : DataFormRenderer
    {
        protected override void InitEditor(TKDataFormEditor editor, IEntityProperty property)
        {
            base.InitEditor(editor, property);

            // you can set the needed color here
            editor.BackgroundColor = UIColor.SystemBackgroundColor;
            editor.TextLabel.BackgroundColor = UIColor.SystemBackgroundColor;

            var timeEditor = (editor as TKDataFormInlineEditor);
            if (timeEditor == null)
                return;

            timeEditor.InputView.BackgroundColor = UIColor.SystemBackgroundColor;
        }
    }

for textfieldeditor:

 

protected override void InitEditor(TKDataFormEditor editor, IEntityProperty property)
        {
            base.InitEditor(editor, property);

            var texteditor = (editor as TKDataFormTextFieldEditor);

            texteditor.TextField.TextColor = UIColor.Black;
        }

I hope this will help. Let me know if you have any additional questions.

Regards,
Didi
Progress Telerik

[john]

I use DarkMod too, tnx for the tips