Status bar overlays content after keyboard pops up

2 posts, 1 answers
  1. Gonzalo
    Gonzalo avatar
    17 posts
    Member since:
    Mar 2014

    Posted 14 Jun Link to this post

    Hello, I'm having an issue with a Kendo mobile application running on Windows Phone.

    I was able to replicate this with a brand new app using the Blank UI template.

    The problem is that after the virtual keyboard pops up when the user clicks on an input field, the view content gets partially hidden by the status bar even after the keyboard is dismissed. Attached are a few screenshots of the issue, and below is the view's html:

     

    <div data-role="view" data-title="Home View" data-layout="main" data-model="app.home" data-show="app.home.onShow" data-after-show="app.home.afterShow">
        <ul data-role="listview" data-type="inset">
            <li>
                <label>
                    <span>Home Phone</span>
                    <input type="text" />
                </label>
            </li>
            <li>
                <label>
                    <span>Home Phone</span>
                    <input type="text" />
                </label>
            </li>
            <li>
                <label>
                    <span>Home Phone</span>
                    <input type="text" />
                </label>
            </li>
            <li>
                <label>
                    <span>Home Phone</span>
                    <input type="email" />
                </label>
            </li>
            <li>
                <label>
                    <span>Home Phone</span>
                    <textarea></textarea>
                </label>
            </li>
        </ul>
    </div>

    How can I solve this?

  2. Answer
    Tsvetina
    Admin
    Tsvetina avatar
    1876 posts

    Posted 17 Jun Link to this post

    Hi Gonzalo,

    I replied in your support ticket about the same problem, but in case anyone encounters the same problem, the fix that usually works is to change the target Windows Phone SDK (project properties-> Windows Phone-> SDK Version) to 8.1 and re-deploying the app. 

    I should note that the result from this fix can be observed only when the app is deployed directly on a device and not inside the companion app. 

    Regards,
    Tsvetina
    Telerik
     

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

     
Back to Top