Hi,
I'm experiencing a somewhat annoying problem when scrolling my views;
Quite regularly when I scroll, the view "locks up" and the entire view scrolls and shows the grey browser background. By this I mean the footer, the header and the view content. I've attached two images.
Here's my _Layout.cshtml:
And here's my view:
Any idea what might be causing this?
Also, the "Back" button seems to be unstable. Sometimes it works, and sometimes nothing happens when I click it.
I'm experiencing a somewhat annoying problem when scrolling my views;
Quite regularly when I scroll, the view "locks up" and the entire view scrolls and shows the grey browser background. By this I mean the footer, the header and the view content. I've attached two images.
Here's my _Layout.cshtml:
<!DOCTYPE html>
<
html
>
<
head
>
<
title
></
title
>
<
link
href
=
"@Url.Content("
~/Content/kendo/2013.2.716/kendo.common.min.css")"
rel
=
"stylesheet"
/>
<
link
href
=
"@Url.Content("
~/Content/kendo/2013.2.716/kendo.default.min.css")"
rel
=
"stylesheet"
/>
<
link
href
=
"@Url.Content("
~/Content/kendo/2013.2.716/kendo.mobile.flat.min.css")"
rel
=
"stylesheet"
/>
@*<
script
src
=
"~/Scripts/jquery-1.8.2.min.js"
></
script
>*@
<
script
src
=
"@Url.Content("
~/Scripts/kendo/2013.2.716/jquery.min.js")"></
script
>
<
script
src
=
"@Url.Content("
~/Scripts/kendo/2013.2.716/kendo.all.min.js")"></
script
>
<
script
src
=
"@Url.Content("
~/Scripts/kendo/2013.2.716/kendo.aspnetmvc.min.js")"></
script
>
</
head
>
<
body
>
@(Html.Kendo().MobileLayout()
.Name("frontlayout")
.Header(obj =>
Html.Kendo().MobileNavBar()
.Content(navbar =>
@<
text
>
@navbar.ViewTitle("")
</
text
>)
)
.Footer(obj =>
Html.Kendo().MobileTabStrip()
.Items(items =>
{
items.Add().Icon("action").Text("Logout").Url("index", "logout");
})
)
)
@(Html.Kendo().MobileLayout()
.Name("layout")
.Header(obj =>
Html.Kendo().MobileNavBar()
.Content(navbar =>
@<
text
>
@(Html.Kendo().MobileBackButton()
.Align(MobileButtonAlign.Left)
.HtmlAttributes(new { @class = "nav-button" })
.Url(Url.RouteUrl(new { controller = "home" }))
.Text("Back"))
@navbar.ViewTitle("")
</
text
>)
)
.Footer(obj =>
Html.Kendo().MobileTabStrip()
.Items(items =>
{
items.Add().Icon("action").Text("Logout").Url("index", "logout");
})
)
)
@(Html.Kendo().MobileApplication()
.ServerNavigation(false)
.Transition("fade")
.HideAddressBar(true)
.Skin("flat")
)
@RenderBody()
</
body
>
</
html
>
<!-- Style for custom status icon in list -->
<
style
>
.statusicon {
float: right;
margin-right: 50px;
margin-top: 5px;
display: inline-block;
border-width: 1px;
border-radius: 35px;
border-style: solid;
border-color: black;
width: 15px;
height: 1em;
}
.sl-hidden {
display: none;
visibility: hidden;
}
</
style
>
@model Stimline.Xplorer.Mobile.Models.UnitDetailsModel
@Scripts.Render("~/Scripts/jquery.signalR-1.1.2.js")
@Scripts.Render("~/signalr/hubs")
@Scripts.Render("~/Scripts/Stimline/connector.js")
@(Html.Kendo().MobileView()
.Name("unit-list")
.Layout("layout")
.Title("Units")
.Content(
@<
text
>
<
span
class
=
"sl-hidden"
id
=
"signalRconveyanceId"
>@Model.ViewUnitContract.ConveyanceId</
span
>
@ListViewHelper(this)
</
text
>
)
)
@helper ListViewHelper(WebViewPage page)
{
@(Html.Kendo().MobileListView().Name("unitlist").Style("inset").Type("group")
.Items(root =>
{
root.Add().Text("Unit Details").Items(items =>
{
items.Add().Content(@<
text
>
<
label
>
Unit
<
input
type
=
"text"
disabled
=
"disabled"
style
=
"color: black"
value
=
"@Model.ViewUnitContract.Name"
/>
</
label
>
<
li
style
=
"background-color: #@Model.StatusColor"
>
<
label
>
Status
<
input
type
=
"text"
disabled
=
"disabled"
value
=
"@Model.StatusMessage"
style
=
"color: ghostwhite;"
/>
</
label
>
</
li
>
</
text
>);
});
root.Add().Text("Detail information").Items(items =>
{
items.Add().Content(@<
text
>
<
label
>
Depth (m)
<
input
id
=
"signalRdepth"
type
=
"text"
disabled
=
"disabled"
style
=
"color: black"
value
=
"@Math.Round((decimal) Model.ViewUnitContract.CurrentRun.LatestWellLogEntry.Depth, 2)"
/>
</
label
>
<
li
data-icon
=
"recents"
>
<
label
>
Speed (m/min)
<
input
id
=
"signalRspeed"
type
=
"text"
disabled
=
"disabled"
style
=
"color: black"
value
=
"@Math.Round((decimal) Model.ViewUnitContract.CurrentRun.LatestWellLogEntry.Speed, 2)"
/>
</
label
>
</
li
>
<
li
data-icon
=
"recents"
>
<
label
>
Diff Speed (m/min)
<
input
id
=
"signalRdiffSpeed"
type
=
"text"
disabled
=
"disabled"
style
=
"color: black"
value
=
"@Math.Round((decimal) Model.ViewUnitContract.CurrentRun.LatestWellLogEntry.DiffSpeed, 2)"
/>
<!-- DiffSpeed -->
</
label
>
</
li
>
<
li
data-icon
=
"recents"
>
<
label
>
Weight (kg)
<
input
id
=
"signalRtension"
type
=
"text"
disabled
=
"disabled"
style
=
"color: black"
value
=
"@Math.Round((decimal) Model.ViewUnitContract.CurrentRun.LatestWellLogEntry.Tension, 2)"
/>
</
label
>
</
li
>
<
li
data-icon
=
"recents"
>
<
label
>
Diff Weight (kg)
<
input
id
=
"signalRdiffTension"
type
=
"text"
disabled
=
"disabled"
style
=
"color: black"
value
=
"@Math.Round((decimal) Model.ViewUnitContract.CurrentRun.LatestWellLogEntry.DiffTension, 2)"
/>
<!-- DiffTension -->
</
label
>
</
li
>
</
text
>);
});
root.Add().Text("Run Overview").Items(items =>
{
items.Add().Content(@<
text
>
<
label
>
Name
<
input
type
=
"text"
disabled
=
"disabled"
style
=
"color: black"
value
=
"@Model.ViewUnitContract.CurrentRun.Name"
/>
</
label
>
<
li
data-icon
=
"recents"
>
<
label
>
Start time
<
input
type
=
"text"
disabled
=
"disabled"
style
=
"color: black"
value
=
"@Model.ViewUnitContract.CurrentRun.StartTime"
/>
</
label
>
</
li
>
<
li
data-icon
=
"recents"
>
<
label
>
End time
<
input
type
=
"text"
disabled
=
"disabled"
style
=
"color: black"
value
=
"@Model.ViewUnitContract.CurrentRun.EndTime"
/>
</
label
>
</
li
>
</
text
>);
});
root.Add().Text("Project").Items(items =>
{
items.Add().Content(@<
text
>
<
label
>
Operation
<
input
type
=
"text"
disabled
=
"disabled"
style
=
"color: black"
value
=
"@Model.ViewUnitContract.CurrentRun.Operation.Description"
/>
</
label
>
<
li
>
<
label
>
Name
<
input
type
=
"text"
disabled
=
"disabled"
style
=
"color: black"
value
=
"@Model.ViewUnitContract.CurrentRun.Operation.ProjectContract.Name"
/>
</
label
>
</
li
>
</
text
>);
});
root.Add().Text("Well").Items(items =>
{
items.Add().Content(@<
text
>
<
label
>
Name
<
input
type
=
"text"
disabled
=
"disabled"
style
=
"color: black"
value
=
"@Model.ViewUnitContract.CurrentRun.Operation.WellContract.Name"
/>
</
label
>
<
li
>
<
label
>
Location
<
input
type
=
"text"
disabled
=
"disabled"
style
=
"color: black"
value
=
"@Model.ViewUnitContract.CurrentRun.Operation.WellContract.Location"
/>
</
label
>
</
li
>
</
text
>);
});
})
)
}
Also, the "Back" button seems to be unstable. Sometimes it works, and sometimes nothing happens when I click it.