This is a migrated thread and some comments may be shown as answers.

Support for iOS13 darkmode?

4 Answers 49 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
S
Top achievements
Rank 1
S asked on 09 Oct 2019, 09:50 AM

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

4 Answers, 1 is accepted

Sort by
0
Accepted
Yana
Telerik team
answered on 10 Oct 2019, 09:52 AM

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

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Harry Gozlan
Top achievements
Rank 1
answered on 08 Sep 2020, 10:01 AM

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

0
Didi
Telerik team
answered on 10 Sep 2020, 09:08 AM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
john
Top achievements
Rank 1
Veteran
answered on 17 Sep 2020, 05:48 PM
I use DarkMod too, tnx for the tips
Tags
General Discussions
Asked by
S
Top achievements
Rank 1
Answers by
Yana
Telerik team
Harry Gozlan
Top achievements
Rank 1
Didi
Telerik team
john
Top achievements
Rank 1
Veteran
Share this question
or