Slide Transition Darkening ios7 Skin.

2 posts, 0 answers
  1. Marcus
    Marcus avatar
    28 posts
    Member since:
    Jul 2012

    Posted 02 Jan 2015 Link to this post

    Dear Telerik-Team,

    i noticed that during the slide transition on a view change - there is some darkening of the previous page. Since this looks bad within my app, how can i change the darkening wether to another color or disable the darkening at all?

    There was no darkening until i intalled the newest version of the kendoUI mobile framework...?!

    Thanks in advance.
  2. Martin Yankov
    Martin Yankov avatar
    177 posts

    Posted 06 Jan 2015 Link to this post

    Hello Marcus,

    Thank you for contacting Telerik Support.

    Can you please share which version of Kendo UI Mobile have you previously used? I have tested with several versions back and all of them have the described "darkening" on transition. This is the default native ios7 behavior and the effect has been intended by design.

    If you want to change this darkening or its color, you will have to override the ios7 theme CSS styles. You can see the base styles for the ios7 theme here. You need the ones at the bottom that are labeled as /* transitions */. As you can see the brightness is lowered to 70%. You can override these styles and play with them.

    I hope this information is helpful. Let me know if you have any other questions.

    Martin Yankov

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

Back to Top