Hi there,
Firstly - yes I'm aware support for mobile Safari is shaky at best from googling about before posting this to try and find a solution to my RadGrid woes but well... I've been tasked to fix a part of our system which obviously is not working as it should on iPad from the subject of this post.
Issues: -
So in summation the only way to scroll currently is using AutoScrollOnDragDrop = true. Which as I'm sure you can understand is a nightmare considering while your trying to do this the screen is zooming out, causing other elements to distort and everything to shifted about...
Ok so, this is the aspx code we currently have for the RadGrid: -
I've also attempted to add the following snippet found somewhere amongst the RadControl documentation with no joy (called in the init method called onload of the body): -
So.... yea. From what I've read it is supposed to be a bit more functional than this so guessing I might be missing something.
Any input appreciated and thanks for reading
Firstly - yes I'm aware support for mobile Safari is shaky at best from googling about before posting this to try and find a solution to my RadGrid woes but well... I've been tasked to fix a part of our system which obviously is not working as it should on iPad from the subject of this post.
Issues: -
- As soon as you move your finger(s) to attempt to scroll it actually lifts the whole row in an attempt to drag it seemingly.
- The rest of the page starts to incrementally zoom out every moment you keep your finger(s) on the screen after the cell "picks up".
So in summation the only way to scroll currently is using AutoScrollOnDragDrop = true. Which as I'm sure you can understand is a nightmare considering while your trying to do this the screen is zooming out, causing other elements to distort and everything to shifted about...
Ok so, this is the aspx code we currently have for the RadGrid: -
<
telerik:RadGrid
runat
=
"server"
ID
=
"TasksGrid"
Width
=
"100%"
Height
=
"642px"
AutoGenerateColumns
=
"false"
AllowPaging
=
"false"
AllowFilteringByColumn
=
"false"
EnableViewState
=
"false"
CssClass
=
"TasksGridClass"
>
<
GroupPanel
Enabled
=
"False"
>
<
PanelItemsStyle
BorderColor
=
"Red"
/>
</
GroupPanel
>
<
MasterTableView
ClientDataKeyNames
=
"UniqueId,AllowOpenActivity"
>
<
GroupByExpressions
>
<
telerik:GridGroupByExpression
>
<
SelectFields
>
<
telerik:GridGroupByField
FieldName
=
"ResourceName"
HeaderText
=
"Resource"
/>
</
SelectFields
>
<
GroupByFields
>
<
telerik:GridGroupByField
FieldName
=
"ResourceName"
HeaderText
=
"Resource"
/>
</
GroupByFields
>
</
telerik:GridGroupByExpression
>
</
GroupByExpressions
>
<
Columns
>
<
telerik:GridBoundColumn
HeaderText
=
"Tasks"
Groupable
=
"False"
/>
</
Columns
>
<
ItemTemplate
>
<%#TaskDisplayInfo.RenderGridRow(Container.DataItem)%>
</
ItemTemplate
>
<
CommandItemSettings
ExportToPdfText
=
"Export to Pdf"
></
CommandItemSettings
>
</
MasterTableView
>
<
GroupingSettings
CaseSensitive
=
"False"
/>
<
ClientSettings
AllowRowsDragDrop
=
"False"
AllowDragToGroup
=
"False"
>
<
Scrolling
AllowScroll
=
"true"
UseStaticHeaders
=
"true"
SaveScrollPosition
=
"true"
/>
<
Selecting
AllowRowSelect
=
"true"
/>
<
ClientEvents
OnRowDblClick
=
"OnTaskGridRowDoubleClick"
/>
<
Resizing
AllowColumnResize
=
"False"
/>
</
ClientSettings
>
</
telerik:RadGrid
>1
I've also attempted to add the following snippet found somewhere amongst the RadControl documentation with no joy (called in the init method called onload of the body): -
var
touchScroll =
false
;
function
initializeMobile() {
if
(Telerik.Web.UI.TouchScrollExtender._getNeedsScrollExtender() && !touchScroll) {
touchScroll =
new
Telerik.Web.UI.TouchScrollExtender(
'body'
, { autoScan:
true
});
touchScroll.initialize();
}
}
Telerik.Web.UI.TouchScrollExtender._getNeedsScrollExtender =
function
() {
return
$telerik.isMobileSafari || $telerik.isAndroid;
};
So.... yea. From what I've read it is supposed to be a bit more functional than this so guessing I might be missing something.
Any input appreciated and thanks for reading