Vertical scrolling fails in IOS 10 safari browser

2 posts, 0 answers
  1. Anamika
    Anamika avatar
    157 posts
    Member since:
    Mar 2014

    Posted 31 Oct 2017 Link to this post

    Hello ,

     

    i have a mobile application which embeds a grid with scrollable Feature. Works fine in all android Browsers. But on iPhone the vertical scroll do not work. What could be causing this . I have set height as well.

    @(Html.Kendo().MobileView()
    .Name("Adressaktivitäten")
    .Stretch(true)
    .Layout("mobile-tabstrip")
    .Title("Adressaktivitäten")
    .Content(@<text>
    <div >
    <table style="width:100%;">
    <tr><td>
    @if (Model.AdressImgURL != "")
    {
    <img src="@Url.Action("GetAdressImage", "AdressDetail", new { strFilePath = Model.AdressImgURL })" alt="" style="height:100px;width:80px;" >
    }
    else
    {
    <img src="~/Images/vendor_big.png" alt="" style="height:80px;width:80px;" >
    }
    </td>
    <td ><span style="white-space: pre-line;font-weight:bold;">
    @Model.Title
    </span>
    </td>
    <td class='alnright'> <a data-role="button" data-icon="search" style="font-size:16px;vertical-align:middle;border-radius: 0px;border:none;outline: 0;" href="@Url.Action("Index", "Adress")"></a>
    </td>
    </tr>
    <tr></tr>
    <tr></tr>
    </table>
    <div>
    @(Html.Kendo().Grid(Model.AdrAktGrid)
    .Name("Grid_Activity")
    .DataSource(dataSource => dataSource
    .Ajax()
    .Read(read => read.Action("ObjectActivity_Read", "AdressActivity"))
    .ServerOperation(false)
    )
    .Columns(columns =>
    {
    if (ViewBag.ObjListHeader != null)
    {
    for (int j = 0; j < ViewBag.ObjListHeader.GetLength(0); j++)
    {
    if (ViewBag.ObjListHeader[j, 0] == "ID")
    {
    columns.Bound(ViewBag.ObjListHeader[j, 0]).Title(ViewBag.ObjListHeader[j, 0]).Visible(false);
    }       
                    else
    {
    if (ViewBag.ObjListHeader[j, 0] != null)
    {
    if (ViewBag.ObjListHeader[j, 1] == "False")
    {
    columns.Bound(ViewBag.ObjListHeader[j, 0]).Title(ViewBag.ObjListHeader[j, 0]).Visible(false);
    }
    else
    {
    columns.Bound(ViewBag.ObjListHeader[j, 0]).Title(ViewBag.ObjListHeader[j, 0]).Width(120);
    }
    }
    }
    }
    }
    })
    .HtmlAttributes(new { style = "height: 300px;" })
    .Selectable(selectable => selectable
    .Mode(GridSelectionMode.Single))
    .Scrollable()
    .Resizable(r => r.Columns(true))
    )
    </div>
    </div>
    </text>)
    )

     

    In older iphone browser it works fine though.

     

    Thanks

     

    Anamika

  2. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2466 posts

    Posted 02 Nov 2017 Link to this post

    Hello Anamika,

    Could you please elaborate if the problem is observed if you place the Grid outside of a MobileView and confirm that you are using the latest version of the suite? Meanwhile you could try to disable the selection or set the Stretch property of the MobileView to "false" and see if that will make any difference.

    Looking forward to your reply.


    Regards,
    Konstantin Dikov
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top