Questions on Kendo UI for jQuery Forum

11 answers

336 views

I'm using Kendo UI, PhoneGap 3, and iOS 7. I have a Form within a ListView (following example code). I noticed the following behavior/issues:

When an input field is focused (and using emulated scrolling), the cursor doesn't move along with the input field.
When a field is focused (but now using native scrolling), the cursor does move along BUT overlay the header. The scrollbars are slightly different looking but work fine and don't overlay the header
When you touch a form field (or possibly some other area) and attempt to scroll the listview, sometimes the whole application scrolls and bounces
When you touch a form field at the lower portion of the form, the virtual keyboard obscures the form field instead of pushing it up and keeping it within view
Continuing from #4, when you go to another view, the virtual keyboard is not dismissed. This is not a problem if the form field is in focus.

I'm wondering if I'm doing something wrong or if these are indeed issues. If the latter, I would like to know if there are workaround and/or when fixes will be release.

I've attached the .html file for reference.

Thanks!

ListView (Mobile)

answered on 18 Feb 2014

8 answers

99 views

Latest version of Kendo Mobile Ipad with ios7 when you tap an input field the keyboard obscures input field and does not enter the text

I just download and installed the newest version of Kendo.all and kendo.mobile and ran my app Ipad with ios7 when you tap an input field the keyboard obscures input field and does not enter the text. How can I get this to work correctly? It works fine on IOS6 on Iphone and on android 4.2 please help

General Discussions

answered on 18 Feb 2014

1 answer

159 views

Pager's icons do not appear middle vertical-aligned when font-family is Segoe UI in Q3 2013.

The icons of the pager are shown top aligned when Font-family is 'Segoe UI' in kendoUI Q3 2013. Q2 2013 shows these icons well.
Would you please fix this or provide a workarround?
Kind regards,
Oscar.

Grid

answered on 18 Feb 2014

2 answers

130 views

[Solved] Grid doesn't display data after updating model via database first method

Hello,

I am new to MVC and trying out the Kendo UI has given me a lot of help. I have been working with grids, simple one table editable grid and it was working fine. I then planned to move onto to Master-Detail grids but when I updated the models in the MVC solution by right clicking in the models diagram, choosing 'Update Model from database option' and adding extra tables that are in the database (which all seems to work OK) , no data appears in my simple editable grid anymore when I run it.

The outline of the grid appears but no data. The table(Schools) that I was referencing didn't change except for a 1 to many relationship has been added as that is a relationship it has with one of the other tables (SupportTickets) that was added during the Update model from database process. None of the code in the HomeController or View was changed.

Is there some part of the process that I am missing?

Thanks in advance for any advice offered.

Eamonn

Grid

answered on 18 Feb 2014

1 answer

100 views

Scheduler Hours As Columns

Hello,

I am creating a monitoring application and need to display hours as columns per image below.

Is this possible with the scheduler?

jb

Scheduler

answered on 18 Feb 2014

7 answers

1.9K+ views

Virtual Scroll Paging

Is it possible to have virtual paging that automatically fetches the next page for when paging is enabled? This way the user doesn't have to worry about the actual paging?

Grid

answered on 18 Feb 2014

2 answers

119 views

Kendo Grid Odata JsonLight

Why is not working/ data not showing in drop down list ? //Sample Ref : http://demos.telerik.com/kendo-ui/web/grid/virtualization-remote-data.html

$("#dropDownList").kendoDropDownList({
autoBind: false,
dataTextField: "Name",
dataValueField: "UserGroupId",
dataSource: {
type: "odata",
transport: {
read: "/odata/UserGroup?$select=UserGroupId,Name",
dataType: "json",
},
schema: {
data: function (data) {
return data.value;
},
total: function (data) {
return data["odata.count"];
}
},
model: {
id: "UserGroupId",
fields: {
UserGroupId: { type: "string", editable: false },
Name: { type: "string", editable: false },
}
}
}
});

Odata Result :
{
"odata.metadata":"http://localhost:47959/odata/$metadata#Roles","value":[
{
"Id":"07b8e680-ab36-4825-b709-0d2dbd90a7f2","Area":"1","Controller":"2","Action":"3","Title":"Administrator","Name":"123","Description":"Administrator","Bookmark":true
},{
"Id":"500093a6-79d8-45e0-9c68-8407269824c1","Area":"2","Controller":"2","Action":"2","Title":"2","Name":"222","Description":"2","Bookmark":false
},{

thank you.

Grid

answered on 18 Feb 2014

4 answers

2.8K+ views

[Solved] InLine Editing on Grid DateTime Column. Where is DateTimePicker?

Hi,

i'm trying to do some inPlace editing in Kendo Grid.

When i click on a DateTime Column, i'm expecting a DateTimePicker to appear, but i only shows the Error: "XXX is not valid date" ==> have a look at the attached image.

@(Html.Kendo().Grid<Roche.LabData.Web.Models.MappingRuleViewModel>()

.Name("Grid")

.Columns(columns => {

columns.Bound(m => m.SalesOrganization);

columns.Bound(m => m.CustomerNumber);

columns.Bound(m => m.DeviceName);

columns.Bound(m => m.EntityName);

columns.Bound(m => m.OldValue);

columns.Bound(m => m.NewValue);

columns.Bound(m => m.StartDate).Format("{0:d}");

columns.Bound(m => m.EndDate).Format("{0:d}");

columns.Command(command => command.Custom("Deactivate").Click("clickDeactivate"));

})

.Editable(editable => editable.Mode(GridEditMode.InCell))

.Pageable()

.Sortable()

.DataSource(dataSource => dataSource

.Ajax()

.ServerOperation(false)

.Read(read => read.Action("MappingRules_Read", "MappingRules"))

.Update(read => read.Action("MappingRules_Update", "MappingRules"))

.Events(events => events.Error("error_handler"))

.Model(model => {

model.Id(m => m.MappingRuleId);

model.Field(p => p.SalesOrganization).Editable(false);

model.Field(p => p.CustomerNumber).Editable(false);

model.Field(p => p.DeviceName).Editable(false);

model.Field(p => p.EntityName).Editable(false);

model.Field(p => p.OldValue).Editable(false);

model.Field(p => p.NewValue).Editable(false);

model.Field(p => p.StartDate).Editable(false);

// This column should be "InPlace editable"

model.Field(p => p.EndDate).Editable(true);

})

)

My ViewModel looks like this:

public class MappingRuleViewModel

{

public Guid MappingRuleId { get; set; }

public string SalesOrganization { get; set; }

public string CustomerNumber { get; set; }

public string DeviceName { get; set; }

public string EntityName { get; set; }

public string OldValue { get; set; }

public string NewValue { get; set; }

public DateTime StartDate { get; set; }

public DateTime EndDate { get; set; }

public bool IsActive { get; set; }

public string CreatedBy { get; set; }

public DateTime ModifiedDate { get; set; }

}

I'm using Kendo 2013.1.514

Any help is appreciated.

Grid

answered on 17 Feb 2014

1 answer

248 views

Kendo mobile Scrollview - Set scrollview height to page height

Hello,

By default, Kendo Scrollview height is according to its content. Is there any way we can set its height to whole page to increase scrollable area?

Regards.

ScrollView (Mobile)

answered on 17 Feb 2014

1 answer

90 views

[Solved] Kendo + bootstrap focus rectangle

Hello
When I'm looking into kendo demo with bootstrap and e.g. changing page there is focus rectangle showing. This behavour is not occuring without bootstrap. Is there any way to get rid of this behaviour?

Kind Regards
Marcin

Grid

answered on 17 Feb 2014