Wednesday, 21 August 2013

Having issues converting ModalView code

Having issues converting ModalView code

I am trying to implement the modalview asp.net mvc version of the modal
view here: http://demos.kendoui.com/mobile/modalview/index.html#/ . The
razor code is written in C# but I want it to be in vb.
Here's it's code
@(Html.Kendo().MobileView()
.Name("modalview-camera")
.Title("HTML5 Camera")
.Content(
@<text>
<img
src="@Url.Content("~/content/mobile/modalview/lens.png")"
class="camera-image" /><br />
@(Html.Kendo().MobileButton()
.Text("Login")
.Name("modalview-open-button")
.Rel(MobileButtonRel.ModalView)
.Url("#modalview-login")
)
</text>)
)
@(Html.Kendo().MobileModalView()
.Name("modalview-login")
.HtmlAttributes(new { style = "width: 95%; height: 18em;" })
.Header(obj =>
Html.Kendo().MobileNavBar()
.Content(navbar =>
@<text>
<span>Login</span>
@(Html.Kendo().MobileButton()
.Text("Cancel")
.Align(MobileButtonAlign.Right)
.Events(events =>
events.Click("closeModalViewLogin"))
)
</text>)
)
.Content(
@<text>
@ModalViewContentTempalte()
</text>)
)
@helper ModalViewContentTempalte()
{
@(Html.Kendo().MobileListView().Style("inset")
.Items(items =>
{
items.Add().Content(
@<text>
<label for="username">Username:</label> <input
type="text" id="Text1" />
</text>);
items.Add().Content(
@<text>
<label for="password">Password:</label> <input
type="password" id="password1" />
</text>);
})
)
@(Html.Kendo().MobileButton()
.Text("Login")
.Name("modalview-login-button")
.Events(events => events.Click("closeModalViewLogin"))
)
@(Html.Kendo().MobileButton()
.Text("Register")
.Name("modalview-reg-button")
.Events(events => events.Click("closeModalViewLogin"))
)
}
Here's what I have so far:
@Code
Html.Kendo.MobileView.Name("modalview-camera").
Title("Sample Login").
Content(@: @Code Html.Kendo.MobileButton().
Text("Login").
Name("modalview-open-button").
Rel(MobileButtonRel.ModalView).
Url("#modalview-login")
END Code )
End Code
@Code
Html.Kendo.MobileModalView.
Name("modalview-login").
HtmlAttributes(New With {.style = "width: 95%; height: 18em;"}).
Header(Function(obj) Html.Kendo.MobileNavBar.
Content(Function(navbar)@: <span>Login</span> @CODE
Html.Kendo.MobileButton().
Text("Cancel").
Align(MobileButtonAlign.Right).
Events(Function(events)
events.Click("closeModalViewLogin"))
END code
End Function)).
Content(@: @ModalViewContentTemplate )
End Code
@helper ModalViewContentTemplate()
@Code
Html.Kendo.MobileListView.Style("inset").
Items(Function(items)
items.Add.Content(@:<label
for="username">UserName:</label><input type="text"
id="txt1" />)
items.Add.Content(@:<label
for="password">Password:</label><input
type="password" id="password1" />)
End Function)
End Code
@CODe
Html.Kendo.MobileButton().
Text("Login").
Name("modalview-login-button").
Events(Function(events) events.Click("closeModalViewLogin"))
End Code
@CODe
Html.Kendo.MobileButton().
Text("Register").
Name("modalview-reg-button").
Events(Function(events) events.Click("closeModalViewLogin"))
End Code
End Helper
I'm getting Expression expected errors. Two are at items.add.content. One
is in the content in the mobileview portion. Last one is in the content of
the mobilemodalview. I am still learning this. I thought I converted it
properly but there is something I am not doing correctly. Do any know what
I may be doing wrong with this?

No comments:

Post a Comment