Hope this is an easy one. How do I set the size of the map? Say I want the map to be  300x300 px.

thanks,

Brian

On

http://demos.telerik.com/kendo-ui/web/scheduler/index.html

there are three owners.

If you deselect them all, you can see all events.

The expected outcome was that no events was visible.

How get a reference of my grid widget on angular ?

for example the normnal way is this : 

$("#GridID").data("kendoGrid").dataSource.fetch();

but I make a reference to my widget from an angular controller ?

If you look at scheduler1.png, you'll see what the scheduler looks like when I'm not scrolling (it's so pretty!). However, when I start scrolling on the top or the bottom of the control, the times are offset from the content, as shown in scheduler2.png. Below is my angular initialization code. Thanks!

BTW, we're using this inside the new AppStudio (previous Icenium) and *loving* it. Keep up the good work!


<div id="scheduler" kendo-scheduler k-options="schedulerOptions"></div>

​$scope.schedulerOptions = {
startTime: new Date(kendo.toString($scope.today, 'd') + " 8:00 AM"),
endTime: new Date(kendo.toString($scope.today, 'd') + " 6:00 PM"),
views: ["day"],
editable: false,
dateHeaderTemplate: "",
footer: false,
height: 747,
majorTimeHeaderTemplate: kendo.template("<div class='schedule-tick'>#=kendo.toString(date, 'h')#<span>#=kendo.toString(date, 'tt')#</span></div>"),
minorTickCount: 4,
eventTemplate: $("#schedule-event-template").html(),
dataSource: $scope.appointmentDataSource,
  navigate: function (e) {
$scope.today = e.date;
var todaysDate = new Date();
if ($scope.today.setHours(0, 0, 0, 0) === todaysDate.setHours(0, 0, 0, 0)) {
$scope.isToday = true;
} else {
$scope.isToday = false;
}
$scope.$digest();
}
};

Hello,

how do i bind an array in my js code to a html ul element.

This is my element: 
<ul id="attendees"></ul>

this is my template:
<script type="text/x-kendo-tmpl" id="tml_attendees">
     <img src="${url}">
</script>

i dont want to use an kendoMobileListView

Forgive me if this has been answered or if it's something really elementary.  I'm not a very strong developer for mobile web...

When I view the KendoUI mobile demos using my iPhone (iOS 7.0.4), the browser's Navigation and Tab bars (top and bottom) don't retract, leaving a significant amount of vertical space unusable and detracting from the otherwise app-like appearance of the demo.

Other web pages, including those not optimized for mobile, don't have this problem.  The bars retract on only reappear on a swift swipe up on the page.

Is this behavior intentional - and is there any way to 'fix' or change it?

Thanks!

I have a grid that uses the same template for editing and creating a new user record.
Everything works fine when editing but for some reason when creating a new user the lanuageId is not being returned when posting the data back.

All of the other fields are binding fine but no matter what the value selected in the dropdownlist the value 0 is being returned.
 
@(Html.Kendo().DropDownListFor(m => m.LanguageId)
                  .DataTextField("Name") //Specifies which property of the Product to be used by the dropdownlist as a text.
                  .DataValueField("Id") //Specifies which property of the Product to be used by the dropdownlist as a value.
                  .HtmlAttributes(new { @class = "form-control" })
                  .DataSource(source => source.Read(read => read.Action("GetLanguageValues", "Account")))

The form works perfectly fine when editing.

What am I doing wrong?

Since header and footer take a lot of mobile app screen, would it be possible to hide footer when user starts scrolling down and display it back on scrolling up?

How do I access datastore and/or global objects from within template?

I am new to Kendo UI Mobile. I currently have a Kendo UI SPA application for desktop browsers and I intend to build an accompanying Kendo UI Mobile application for a subset of the functionality that is available in the SPA app for desktop browsers.

The SPA desktop app allows deep linking into the app using routes. The SPA desktop app sends emails containing hyperlinks that deep link into the app to allow approvers to approve or reject a record for which they received an email.

When the server detects that the browser is a mobile app the server will redirect to the mobile page with the same route.

Here is my first problem: it does not appear you can deep link into a Kendo UI Mobile app using the same routes as a Kendo UI SPA app. A Kendo UI SPA app may have a route #/requests/:id/edit whereas a Kendo UI Mobile app would require a route #editRequest?:id which uses querystring parameters. What a shame Kendo UI SPA and Kendo UI Mobile have incompatible routing mechanisms.

Can anybody give guidance on how the Mobile app can intercept routes and convert the route from Kendo UI SPA format to Kendo UI Mobile format where applicable? Also, as the Kendo UI Mobile app will only support a subset of the functionality that is available in the Kendo UI SPA app, a lot of routes will be missing from the Kendo UI Mobile app. Is there an event to handle missing routes in a Kendo UI Mobile app so that I can present a friendly message to the user?

many thanks

Remco