Switch "shaking"

14 posts, 1 answers
  1. Marian
    Marian avatar
    16 posts
    Member since:
    Dec 2010

    Posted 25 Feb 2014 Link to this post

    Hello

    We are experiencing issue with Switch component. When user change position(tap), most of the ui elements is moving a little bit(1-2px?) and then return back to original position. This only occures on android devices(tested on Galaxy S Advance, reported from older devices too, simulator works fine). We are experiencing same behavior on few other views that doesnt contain Switch component(mostly views with long lists with scrollbar).

    I am able to reproduce the problem with fresh new project from template(kendo mobile ui). Just change initial home view like this:

    <div class="view-content">
                <h1>Welcome!</h1>
                <a id="skin-change" data-role="button" data-click="app.changeSkin">Flat</a>
                <p>
                    Telerik AppBuilder™ enables you to build cross-platform device applications regardless of your
                        development platform by combining the convenience of a local development toolset with the
                        power and flexibility of the cloud.
                </p>
                <input data-role="switch" data-on-label="" data-off-label=""/>
                <div class="img"></div>
            </div>
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 25 Feb 2014 Link to this post

    Hi Marian,

    I have created a test example and deployed on a Galaxy Note device running Android 4.3. Please check it out and edit the example, so I can reproduce the issue:

    http://jsbin.com/huxil/1/edit

    Thank you in advance for your cooperation.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Marian
    Marian avatar
    16 posts
    Member since:
    Dec 2010

    Posted 25 Feb 2014 in reply to Kiril Nikolov Link to this post

    I copyied your jsbin example and replace index.html from template project by your code. Still, after every switch(or scrolling) effect occures. I didnt provide any changes to your jsbin example.
  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 25 Feb 2014 Link to this post

    Hi Marian,

    Can you please tell us what is the Android version that you are using? Do you deploy it using AppBuilder (PhoneGap)?

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. Marian
    Marian avatar
    16 posts
    Member since:
    Dec 2010

    Posted 25 Feb 2014 in reply to Kiril Nikolov Link to this post

    Hello,

    using Android 4.1.2. Yes, it was deployed by AppBuilder(Windows client) with default Cordova 3.2.0 version
  7. Marian
    Marian avatar
    16 posts
    Member since:
    Dec 2010

    Posted 25 Feb 2014 in reply to Kiril Nikolov Link to this post

    to clarify behavior, looks like that only text letters are "shaking" or image is "blured" for that small period of time. Something css addressed i guess
  8. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 26 Feb 2014 Link to this post

    Hello Marian,

    I have tested the same jsBin on an actual device (Nexus S running 4.1.2) and was not able to reproduce the behavior you can check the video in the attached file. 

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  9. Marian
    Marian avatar
    16 posts
    Member since:
    Dec 2010

    Posted 27 Feb 2014 in reply to Kiril Nikolov Link to this post

    I am sorry, I dont see any attached file :(
  10. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 27 Feb 2014 Link to this post

    Hello Marian,

    I have attached the file once again, so you can take a look. Could you also tell us what is test device that you use? You said it is Android 4.1.2, so I tested it on Nexus S running the same version. Maybe it is some device specific issue (related to the hardware) that is only reproducible on the Galaxy S Advance (I have also tested the same demo on S3). Do you have other test devices where you can test the demo and see if you can reproduce the problem?

    I really hope you understand that without an actual reproduction of the problem, we are not able to narrow down what is causing it and provide a solution.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  11. Marian
    Marian avatar
    16 posts
    Member since:
    Dec 2010

    Posted 27 Feb 2014 in reply to Kiril Nikolov Link to this post

    Hello,

    I have attached zip containing video and test apk(with your jsbin example) from another test device Samsung Galaxy Fame(GT-S6810P). Look on blurred image and letters from title above.
  12. Marian
    Marian avatar
    16 posts
    Member since:
    Dec 2010

    Posted 27 Feb 2014 in reply to Kiril Nikolov Link to this post

    Sorry, I have an issue attaching zip file(getting http 500 error), so i upload it there

    http://www.filesnack.com/files/cdpm48s9
    http://snk.to/f-cdpm48s9
    http://snk.to/f-cdpm48s9
    http://snk.to/f-cdpm48s9
    http://snk.to/f-cdpm48s9
  13. Answer
    Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 27 Feb 2014 Link to this post

    Hi Marian,

    Thank you very much for the video and the .apk

    After some deep investigation of the project, we found out that the "shaking" issue is caused by the hardware acceleration property switched off in your project. After switching it on the issue seems to be gone. In order to switch it on, right click on the project in AppBuilder and select Properties --> Android and switch the hardware acceleration on. Rebuild your app and test it on the device.

    Please do let me know about the performance after this change.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  14. Marian
    Marian avatar
    16 posts
    Member since:
    Dec 2010

    Posted 27 Feb 2014 in reply to Kiril Nikolov Link to this post

    Hello, 

    Thank you for your advice, after turning HW acc on, everything worked fine. In past we read in documentation about hw acceleration issues(http://docs.telerik.com/kendo-ui/getting-started/mobile/performance). From now we didnt notice some major performance issues so we stay with hw acc on. Thank you very much for help.
  15. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 27 Feb 2014 Link to this post

    Hi Marian,

    I am glad that the proposed solution helped. While having some issues the hardware acceleration can help in a cases like this one.

    If you have any further questions, please do not hesitate to contact us again.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready