Telerik Forums
Kendo UI for jQuery Forum
4 answers
694 views

Hi,

 

We have an issue in our application where the validation tooltip does not hide even after the data is corrected.

 

Following are the controls involved and the flow that causes the issue to be shown:

1. We had a kendo grid on our page that we created using the MVC HTML helpers

2. The grid has a editor template ( which is another view ) and the edit mode is pop-up.

3. On the editor pop-up, we have a textbox whose max string length is 50 characters.

4. The application is running on Chrome.

5. When I edit a row the editor pop-up opens with the values populated in the respective fields.

6. I add 51 characters in the field with max length of 50 characters. This causes the kendo validator to show the tooltip with the validation message for maximum allowed length.

7. I delete a character from the textbox such that the resultant length of the string is 50 characters, which is the max allowed number of characters, and so I expect that when I lose focus (tab out or click on some other location in the page), the tooltip will dissapear. However, the tooltip is still open even after the focus has been moved out of the textbox.

8. I again set focus in the textbox and delete another character such that the resultant length of the string is now 49 characters. I lose focus from the text box (tab out or click on some other location in the web page) and I the tooltip is now removed (hidden).

 

Unfortunately, this is not an issue that I could reproduce (since it's inconsistent) and hence I could not create a dojo.

Could you please look into this and let me know if this is a known issue and the solution to this problem,

 

This behaviour, as I've said, is inconsistent and is occurring across multiple locations in the application.

I was trying to find a link that would explain how kendo initializes it's validators on it's editor templates so that I could debug the locations to understand the flow of code or the conditions that trigger the validations.

 

Any help would be appreciated.

Thanks.

Preslav
Telerik team
 answered on 11 Jul 2017
1 answer
197 views

When server paging is enabled, there is no easy way to find out when request ended after changing page from code. by dataSource.page(2). the page method does not return promise.

 

Best Regards

Marcin

Stefan
Telerik team
 answered on 11 Jul 2017
4 answers
501 views

I have a reasonably complicated grid working really well with multiple level grouping on the latest version v2017.2.504. Within my grid I have 3 text columns and a number of numeric columns. The first 2 text columns are group levels and are hidden in the grid. The third text column is used to display the row details and also has a groupfootertemplate which displays the appropriate grouping total text as below: 

groupFooterTemplate: function (e) {
    if (e.PaidToDate.group === undefined) {
    }
    else {
        if (e.PaidToDate.group.field == "Category") {
            return "<span class='boldFont'>Total for " + e.PaidToDate.group.value + "</span>"
        }
        else {
            return "<span class='boldFont'>TOTAL " + e.PaidToDate.group.value + "</span>"
        }
    }
},

 

This works perfectly so when displaying the group footer at the category level it correct displays the "Total for ...." text and when displaying the group footer for the higher level heading field it displays the text "TOTAL ...". The problem comes when I attempt to export the grid to Excel. If I don't do the "e.PaidToDate.group === undefined" check the export fails and using developer tools to check the error it reports that it couldn't access the field property of undefined. Clkearly I've got round that error by doing the undefined check as above but this means that the Excel export gets the total rows but without the text description of what the total is. It looks like this must be a bug as it's clearly doing something different with the group footer when exporting to Excel - the symptoms are actually the same as what the grid did initially before I updated to the latest Kendo UI so is it possible that the handling of the grid footer template in the Excel export has not been updated in line with the grid itself? I made sure I updated all relevant Kendo scripts etc and the list included in the page are below:

<script language="javascript" type="text/javascript" src="/JSLibs/js/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="/JSLibs/js/kendo.all.min.js"></script>
<script language="javascript" type="text/javascript" src="/JSLibs/js/jszip.min.js"></script>
<link href="/JSLibs/css/kendo/kendo.common.min.css" rel="stylesheet"/>
<link href="/JSLibs/css/kendo/kendo.silver.min.css" rel="stylesheet"/>

 

Any suggestions?

Stefan
Telerik team
 answered on 11 Jul 2017
9 answers
217 views

I'm trying to use the kendoChart with remote data, which looks like this (other settings omitted for brevity):

01.$('#chart-uno').kendoChart({
02.  dataSource: {
03.    transport: {
04.      read: {
05.        url: ' http://urltokendoobject',
06.        dataType: 'jsonp'
07.      }
08.    }
09.  }
10.})

 

What I've got in a local setup is an object like this (plenty of data omitted as well):

01.var data = [{},{
02.  'name': 'First Serie',
03.  'type': 'line',
04.  'style': 'smooth',
05.  'data': [{
06.    'value': 48,'date': new Date("2017-01-31T00:00")
07.  },{
08.    'value': 120,'date': new Date("2017-02-28T00:00")
09.  },{
10.    'value': 187,'date': new Date("2017-03-31T00:00")
11.  }]
12.},{
13.  'name': 'Second Serie',
14.  'type': 'area',
15.  'line': {'style': 'smooth'},
16.  'stack': true,
17.  'data': [{
18.    'value': 47,'date': new Date("2017-01-30T00:00")
19.  },{
20.    'value': 58,'date': new Date("2017-02-01T00:00")
21.  },{
22.    'value': 163,'date': new Date("2017-03-30T00:00")
23.  }]
24.}]

The URL returns the same object (starting from the first bracket []). The first empty curly brace is due to a configuration we're using to build the data.

 

But I'm not able to actually make it work when consuming it from the remote. Still, I'm not sure what I could be doing wrong. Any pointers to the right solution?

URIEL
Top achievements
Rank 1
 answered on 10 Jul 2017
1 answer
138 views

Hello,

I want to use a diagram to display a simple hierarchy, exactly like the "basic usage" demo:  http://demos.telerik.com/aspnet-mvc/diagram

Users should NOT be able to move, resize, drag, connect, etc.

However, when an item is selected, I would like to show the menu like in the "Editing" example - with buttons to edit the properties of the item, as well as delete the item.

1. Is it possible to have the menu without setting up datasource configuration for connections?  (i.e. just specifying .Children("..."))

2. Can you add custom actions (buttons) to that menu?  

Thanks

Stefan
Telerik team
 answered on 10 Jul 2017
1 answer
175 views

Hi i´m tryng to  save data  to richtext in a report but my text returne is like this is .

what i´m doing wrong?

 

"<ul><li>No corrente m&ecirc;s continuaram as
repara&ccedil;&atilde;o das portas corta fogo e respectivas
verifica&ccedil;&atilde;o as mesmas recuperando
algumas.</li><li>Foram colocadas armaduras novas na zona
exteriores e armaduras de emerg&ecirc;ncia nos
estacionamentos.</li></ul>"

Ianko
Telerik team
 answered on 10 Jul 2017
3 answers
274 views
Hi,

When I try drag&drop an item and item goes outside of treeview and "cancel denied" event performed and then I drag it back to treeview I can't be able to drop it again. I attached a video about issue.

Thanks in advance.
Nencho
Telerik team
 answered on 10 Jul 2017
1 answer
131 views

Testing has raised an issue where all of our grids on all of our pages display "No Items To Display" at the top of the grid when we page in IE11. As soon as the mouse is moved on the grid, or the DOM is examined via the developer tools, it disappears.

It looks like IE is not refreshing properly, because when you look in the DOM explorer there is no div or code showing "No Items To Display" in the grid, and when you expand the table in the DOM explorer the message disappears.

Attached is a screenshot.

Is there any fix for this issue or is it a known bug?

 

 

Stefan
Telerik team
 answered on 10 Jul 2017
3 answers
372 views

How can I add or remove columns during runtime in an Kendo UI Angular grid?

Right now I call the ngInit after setting the new columns but it seems like not the best option.

 

Any ideas?

Boyan Dimitrov
Telerik team
 answered on 10 Jul 2017
1 answer
488 views

Hi,

Is it possible to use WebFont Icons (http://docs.telerik.com/kendo-ui/styles-and-layout/icons-web) as icons for TreeView?

I noticed that it’s possible to add css classes with spriteCssClass, but “spriteCssClass: "k-icon k-icon-folder” is not working for me.

Do you know if it’s possible to fix this? It would be neat to use the new icons in the TreeView. 
Dimitar
Telerik team
 answered on 10 Jul 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?