Questions on Kendo UI for jQuery Forum

1 answer

293 views

[Solved] NumericTextBox does not support kendo validator tooltips correctly

The NumericTextBox does not handle validator tooltips correctly and does a weird thing where it emits the tooltip *inside* the control element. This makes it impossible to position and format the tooltip properly. See image comparing a NumericTextBox to a masked one.

Here is a simple snippet that reproduces the problem, just click in then out of one of the inputs to trigger validation.

http://dojo.telerik.com/IlAYE

NumericTextBox

answered on 14 Sep 2015

1 answer

180 views

Angular Validation Issue

I have the following MaskedTextBox:

If I enter (555) 555 it doesnt mark it as invalid. How do I ensure it is only valid if all digits are entered?

MaskedTextBox

answered on 14 Sep 2015

2 answers

208 views

Set parent scope for Angular Kendo grid columns

I'm using the Angular directive for Kendo's grid component, but instead of using it directly, I'm having a wrapper around it to keep the dependency to a minimum.

The thing is that since I have a wrapper, after the column templates have been compiled they have the wrapper's scope as $parent instead of the outer scope.Inside the column templates I currently have to write:

<elem attr="$parent.$parent.value"></elem>

It is rather unclear for new developers what is going on there and it is prone to errors, as well, if the hierarchy would change. Instead I would like to write:

<elem attr="value"></elem>

which means that I want to be able to define that the scope that gets created for the columns should inherit from a specific scope instead of the current scope. (Also, the wrapper has an isolated scope, so the properties are not inherited from the outer scope)

Is this possible to achieve?

Thanks in advance.

Grid

answered on 14 Sep 2015

6 answers

213 views

Donut chart "fill up donut" problem

I know this may not be the best way I should use the donut chart.

http://jsbin.com/awaxer/3/edit

As you can see, the center of the donut is filled up.
I found out the problem should be about the holeSize and the data ratio combination.

Say, if you update the chart1's holeSize to 25, the hole will be show again
Or if you update the chart1's data (data1) B from 1 to 1.1, the hole will be show again.

And, as on chart3 & chart4, you may also find the same issue when using "percentage".
You can try different combination on the holeSize and data to trigger this issue.

Charts

answered on 14 Sep 2015

3 answers

634 views

Fully Responsive Kendo Grid/Scheduler inside Tabstrip inside Splitter

I am trying to set a responsive screen layout composed of vertical splitter (3 areas) which has inside an horizontal splitter (3 areas).

In the middle main area (middle area of horizontal) I would like to have tabstrip that will show grid and scheduler in different tabs.

I managed to create this layout without tabstrip and it work well in all resolutions, screen resizing, splitter resizing, keeping the grid or scheduler in the full pane areas and resizing it accordingly.

The problem is that when using tabstrip, the tab content is not automatically full size and does not work properly when adjusting screen or splitter size. Even if I manage to make the tabstrip full size (using CSS defintions) the grid or scheduler inside do not resize properly.

I looked in may threads around similar issues but they all seem old (2012/13) and not covering the full scenario.

Is there an up-to-date methodology how to achieve this complete responsive layout? A working example can be very helpful.

TabStrip

answered on 14 Sep 2015

1 answer

349 views

Editor show the error and also in read-only mode

Hi all,

we are the new one to kendo ui and we develop the applications UI, completely based on html & JQuery. FYI, The pages are open based on left hand side menu (div) to right side (div tag). (check below code : formholder is right side div tag).

$('#formholder').load(page, function () {

$('#formholder').show("slide", { direction: "left" }, 500); });

we use the Kendo UI Editor in one html page, we got the below error (screen shot also attached). and also Editor was open as read only mode (disabled mode) so we can't able to enter any value. if we use refresh() method in DOM (after press F12 and then run refresh() method in console) directly the control will be enabled. FYI, we use Chrome browser, we check the same in mozila also but still we are facing the issue. So, please anyone help us to go for further.

" Uncaught TypeError: Cannot use 'in' operator to search for 'getSelection' in undefined "

The code :

$(document).ready(function () { $('#txtbody').kendoEditor({ tools: [ "bold", "italic", "underline", "strikethrough", "justifyLeft", "justifyCenter", "justifyRight", "justifyFull", "insertUnorderedList", "insertOrderedList", "indent", "outdent", "createLink", "unlink", "insertImage", "insertFile", "subscript", "superscript", "createTable", "addRowAbove", "addRowBelow", "addColumnLeft", "addColumnRight", "deleteRow", "deleteColumn", "viewHtml", "formatting", "cleanFormatting", "foreColor", "backColor", "print"] });

CONEMAIL.loadeditor();});

JS file

var CONEMAIL = {

loadeditor: function () { var editor = $("#txtbody").data("kendoEditor"); editor.refresh();

}

};

Editor

answered on 14 Sep 2015

4 answers

645 views

kendo.data.Model fields options

I am totally new to Kendo UI, and I am starting my first lines of code with it. My intention is to build a grid with CRUD operations on remote data (PHP + MySQL backend).

Starting from the start, I want to create a kendo.data.Model for the grid rows... I have not found documentation about it, so I read blog posts, a few forum threads, and also browsed the source code.

From this research, this is what I have found as available options for each one of the fields definition in the model:

nullable
editable
defaultValue
type
parse
format

Did I miss some? I would appreciate if anyone could provide a brief description of each option. Also, I want to share more findings and some code here, if possible.

Thank you!

Data Source

answered on 14 Sep 2015

9 answers

1.0K+ views

Change Autocomplete TextBox style

Hi,
I want delete the span wrapper in input box autocomplete...
how ?

Thanks

AutoComplete

answered on 14 Sep 2015

3 answers

961 views

All Dates show up as "/Date(1293868800000)/"

This is probably something very silly and simple, but all of my dates ignore the format property and show up as "/Date(1293868800000)/"

This is a .NET project connecting to a web service. All other columns show up fine.

Some sample code:

$("#grid").kendoGrid({

columns: [

{ title: "Action", command: "destroy" },

{ field: "TaskName", title: "Task Name" },

{ field: "UserList", title: "Assigned to" },

{ field: "GroupName", title: "Group" },

{ field: "StatusName", title: "Status" },

{ field: "DueDate", title: "Due Date", format: "{0:dd/MMMM/yyyy}" },

{ field: "CompletedDate", title: "Completed Date", format: "{0:dd/MMMM/yyyy}" },

{ field: "Notes" }

],

and the web service is as follows:

<WebMethod()> _

Public Function Read() As List(Of TaskViewmodel)

Using Context As New TFE.TFEEntities

Try

Return Context.JobTasks.Select(Function(task) New TaskViewmodel With {.TaskID = task.JobTaskID, .TaskName = task.TaskName, .UserList = "Comming Soon..."

, .GroupID = task.GroupID, .GroupName = task.Group.Name, .StatusID = task.StatusID, .StatusName = task.JobTaskStatus.Name, .DueDate = task.DueDate, .CompletedDate = task.CompletedDate, .Notes = task.Notes}).ToList()

Catch ex As Exception

Throw ex

End Try

End Using

End Function

Grid

answered on 12 Sep 2015

5 answers

99 views

Maps do not react everytime an viewpoint "click" event occurs

Dear Telerik,

We have implemented Kendo map inside panel bar using MvvM.
sometimes, aproximetly 70% of the cases, when we want to move the map viewpoint. The "click" event is fired instead of "pan" event.

We tried to recreated it in dojo example (http://dojo.telerik.com/ulOja),
but we couldn't reproduce this behaviour, and we get another error (Uncaught TypeError: e.value is not a function).

Do you have any clue, that can help us in the right direction to solve this issue we have. We know, that it is not much information we can apply. So if you not just recognize the problem, and say, try to switch this attribute off, or something like that. May be you can point us in the right direction instead ?

Regards,

Peter

Map

answered on 12 Sep 2015