MobileModalViewBuilder
Methods
Modal(System.Boolean)
When set to false, the ModalView will close when the user taps outside of its element.
Parameters
value - System.Boolean
The value that configures the modal.
Height(System.String)
The height of the ModalView container in pixels. If not set, the element style is used.
Parameters
value - System.String
The value that configures the height.
Width(System.String)
The width of the ModalView container in pixels. If not set, the element style is used.
Parameters
value - System.String
The value that configures the width.
Zoom(System.Boolean)
If set to true, the user can zoom in/out the contents of the view using the pinch/zoom gesture.
Parameters
value - System.Boolean
The value that configures the zoom.
Stretch(System.Boolean)
If set to true, the view will stretch its child contents to occupy the entire view, while disabling kinetic scrolling. Useful if the view contains an image or a map.
Parameters
value - System.Boolean
The value that configures the stretch.
UseNativeScrolling(System.Boolean)
(available since Q1 2013) If set to true, the view will use the native scrolling available in the current platform. This should help with form issues on some platforms (namely Android and WP8). Native scrolling is only enabled on platforms that support it: iOS > 4, Android > 2, WP8. BlackBerry devices do support it, but the native scroller is flaky.
Parameters
value - System.Boolean
The value that configures the usenativescrolling.
Title(System.String)
The text to display in the navbar title (if present) and the browser title.
Parameters
value - System.String
The value that configures the title.
Layout(System.String)
Specifies the id of the default layout
Parameters
value - System.String
The value that configures the layout.
Height(System.Int32)
The height of the ModalView in pixels.
Parameters
value - System.Int32
The value that configures the height.
Width(System.Int32)
The width of the ModalView in pixels
Parameters
value - System.Int32
The value that configures the width.
Header(System.Action)
Sets the HTML content which the header should display.
Parameters
value - System.Action
The action which renders the header.
Example
@( Html.Kendo().MobileModalView()
.Name("View")
.Header(() =>
{
)
<strong> View Header </strong>
(
})
.Render();
)
Header(System.Func)
Sets the HTML content which the header should display.
Parameters
value - System.Func<Object,Object>
The content wrapped in a regular HTML tag or text tag (Razor syntax).
Example
@(Html.Kendo().MobileModalView()
.Name("View")
.Header(
@<text>
Some text
<strong> View Header </strong>
</text>
)
)
Header(System.String)
Sets the HTML content which the header should display as a string.
Parameters
value - System.String
The action which renders the header.
Example
@( Html.Kendo().MobileModalView()
.Name("View")
.Header("<strong> View Header </strong>");
.Render();
)
Content(System.Action)
Sets the HTML content which the content should display.
Parameters
value - System.Action
The action which renders the content.
Example
@( Html.Kendo().MobileModalView()
.Name("View")
.Content(() =>
{
)
<strong> View Content </strong>
(
})
.Render();
)
Content(System.Func)
Sets the HTML content which the content should display.
Parameters
value - System.Func<Object,Object>
The content wrapped in a regular HTML tag or text tag (Razor syntax).
Example
@(Html.Kendo().MobileModalView()
.Name("View")
.Content(
@<text>
Some text
<strong> View Content </strong>
</text>
)
)
Content(System.String)
Sets the HTML content which the view content should display as a string.
Parameters
value - System.String
The action which renders the view content.
Example
@( Html.Kendo().MobileModalView()
.Name("View")
.Content("<strong> View Content </strong>");
.Render();
)
Footer(System.Action)
Sets the HTML content which the footer should display.
Parameters
value - System.Action
The action which renders the footer.
Example
@( Html.Kendo().MobileModalView()
.Name("View")
.Footer(() =>
{
)
<strong> View Footer </strong>
(
})
.Render();
)
Footer(System.Func)
Sets the HTML content which the footer should display.
Parameters
value - System.Func<Object,Object>
The content wrapped in a regular HTML tag or text tag (Razor syntax).
Example
@(Html.Kendo().MobileModalView()
.Name("View")
.Footer(
@<text>
Some text
<strong> View Footer </strong>
</text>
)
)
Footer(System.String)
Sets the HTML content which the footer should display as a string.
Parameters
value - System.String
The action which renders the footer.
Example
@( Html.Kendo().MobileModalView()
.Name("View")
.Footer("<strong> View Footer </strong>");
.Render();
)
Events(System.Action)
Configures the client-side events.
Parameters
configurator - System.Action<MobileModalViewEventBuilder>
The client events action.
Example
@( Html.Kendo().MobileModalView()
.Name("MobileModalView")
.Events(events => events
.Close("onClose")
)
)
ToComponent()
Returns the internal view component.
Name(System.String)
Sets the name of the component.
Parameters
componentName - System.String
The name of the component.
Example
@(Html.Kendo().Grid<OrderViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID).Filterable(false);
columns.Bound(p => p.Freight);
})
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)
Deferred(System.Boolean)
Suppress initialization script rendering. Note that this options should be used in conjunction with Kendo.Mvc.UI.Fluent.WidgetFactory.DeferredScripts(System.Boolean)
Parameters
deferred - System.Boolean
ModelMetadata(System.Web.Mvc.ModelMetadata)
Uses the Metadata of the Model.
Parameters
modelMetadata - System.Web.Mvc.ModelMetadata
The metadata set for the Model
HtmlAttributes(System.Object)
Sets the HTML attributes.
Parameters
attributes - System.Object
The HTML attributes.
HtmlAttributes(System.Collections.Generic.IDictionary)
Parameters
attributes - System.Collections.Generic.IDictionary<String,Object>
AsChildComponent()
Render()
Renders the component.
Example
@(@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" )
@( Html.Kendo().Grid(Model)
.Name("grid")
.DetailTemplate(product => {
)
Product Details:
<div>Product Name: @( product.ProductName )</div>
<div>Units In Stock: @( product.UnitsInStock )</div>
@(
})
.Render();
)