Questions on Kendo UI for jQuery Forum

1 answer

126 views

Unable to hide a tooltip from inside the tooltip

https://dojo.telerik.com/izIzuWuc/4

Click the button under it, tooltip hides. Click the button in the tooltip, it does not hide.

What I need:

- AutoHide = TRUE - Need to hide on lost focus (it's false in this example)
- Hide when clicking an option inside the tooltip itself

ToolTip

answered on 26 May 2020

2 answers

528 views

Rating in Grid column

Hi, Dev Team!

What is the best way to show data in column (numbers from 0 to 5) as rating with ability to change it? Thanks!

For grid data i use kendo.data.DataSource()

Grid

answered on 26 May 2020

1 answer

3.5K+ views

Uncaught TypeError: e.slice is not a function

Hi All,

I'm getting error "Uncaught TypeError: e.slice is not a function" on my Grid.

$("#gridGroupUser").kendoGrid({

dataSource: {

transport: {

read: {

url: "https://...",

dataType: "json",

}

},

schema: {

// The data to which the DataSource will be bound is in the "list" field of the response.

data: "results"

},

height: 370,

groupable: false,

sortable: true,

columns: [{

selectable: true,

width: 33

}, {

template: "<div class='user-email'><span class='k-icon k-i-user'></span> #: email #</div>",

field: "email",

title: "Email",

width: 200

}, {

field: "firstName",

title: "First Name",

width: 100

}, {

field: "lastName",

title: "Last Name",

width: 100

}, {

field: "status",

width: 100

}]

});

Data:

{"results":[{"userNumber":1087,"userId":"1087@noemail.com","email":"1087@noemail.com","firstName":"F1087","lastName":"L1087","status":"ACTIVE (LOCKED)","notes":"User has exceeded allowed number of failed logins (5 times). ","userType":"REGULAR USER","lastLoginDate":"2018-02-14T21:55:34.543","failedLogin":99,"expiredDate":null,"sponsorId":29,"sponsorNo":29,"sponsorCode":"scode1","sponsorName":"Sponsor1","acctMgr":"myemail1.com","acctMgrEmail":"manageremail.com","licenseCount":null,"cutoffDate":null,"lastPaymentDate":null,"billingCycle":null},{"userNumber":1594,"userId":"1594@noemail.com","email":"1594@noemail.com","firstName":"F1594","lastName":"L1594","status":"DEACTIVATED","notes":null,"userType":"REGULAR USER","lastLoginDate":"2014-06-20T15:50:30.107","failedLogin":99,"expiredDate":null,"sponsorId":29,"sponsorNo":29,"sponsorCode":"scode1","sponsorName":"Sponsor1","acctMgr":"myemail1.com","acctMgrEmail":"manageremail.com","licenseCount":null,"cutoffDate":null,"lastPaymentDate":null,"billingCycle":null}]}

Any idea why I'm getting this error?

Thanks!

Ryan

Grid

answered on 26 May 2020

1 answer

281 views

Checkbox selection does not persist in form

I am applying filters on my grid using external form window in my UI. The form window contains one checkbox and radio buttons. The checkbox and radio button works fine when I select them and submit the form. But when I reopen the form window, all other selections persist except the checkbox and radio button.

I am using kendo version 2017.1.118 and jquery version 3.0.0. The external controller is written in C#.

I have attached 3 screenshots here- opening the form window for the 1st time, applying filters and submitting the form, and reopening the window after previous submission.

(Note that the "mins" radio button is selected by default)

Here is my script where I include the dom elements of the form window:

01.<script id="logFilterWindowTemplate" type="text/x-kendo-template">

02. <div id="popupWindow" class="k-popup-edit-form">

03. <div class="timesection">

04. <div id="timewindow">

05. <div class="heading">By Time Window</div>

06. <div class="k-edit-label"><label>Last:</label></div>

07. <div class="k-edit-field">

08. <div><input class="filter lastntime-filter" id="timetext" /></div>

09. <div class="radiotime">

10. <input type="radio" id="mins" name="lastntime" value="mins" checked="checked" /><label for="mins"> mins</label>

11. <input type="radio" id="hours" name="lastntime" value="hours" /><label for="hours"> hours</label>

12. <input type="radio" id="days" name="lastntime" value="days" /><label for="days"> days</label>

13. </div>

14. </div>

15. </div>

16. <div id="timerange">

17. <div class="heading">By Time Range</div>

18. <div class="k-edit-label"><label>Start Time: </label></div>

19. <div class="k-edit-field"><input id="startdate" name="startdate" class="filter start-date-time-filter" placeholder="Select log start time" /><span class="k-invalid-msg validation-msg" id="startvalidation" data-for="startdate"></span></div>

20. <div class="k-edit-label"><label>End Time: </label></div>

21. <div class="k-edit-field"><input id="enddate" name="enddate" class="filter end-date-time-filter" placeholder="Select log end time" /><span class="k-invalid-msg validation-msg" id="endvalidation" data-for="enddate"></span></div>

22. </div>

23. </div>

24. <div class="otherfilters">

25. <div class="sub-filter1">

26. <div class="k-edit-label"><label>Tenant: </label></div>

27. <div class="k-edit-field"><span id="monitoringTenantTemplate" class="filter tenant-filter"></span></div>

28. <div class="k-edit-label"><label>Role: </label></div>

29. <div class="k-edit-field"><span id="monitoringRoleTemplate" class="filter role-filter"></span></div>

30. <div class="k-edit-label"><label>User: </label></div>

31. <div class="k-edit-field"><span id="monitoringUserTemplate" class="filter user-filter"></span></div>

32. </div>

33. <div class="sub-filter2">

34. <div class="k-edit-label"><label>Level: </label></div>

35. <div class="k-edit-field"><span id="levelTemplate" class="filter level-filter"></span></div>

36. <div class="k-edit-label"><label>Server: </label></div>

37. <div class="k-edit-field"><span id="serverTemplate" class="filter server-filter"></span></div>

38. <div class="k-edit-label"><label>Thread: </label></div>

39. <div class="k-edit-field"><input class="filter thread-filter" placeholder="20,30" width="30" /></div>

40. </div>

41. </div>

42. <div class="messagesection">

43. <div class="k-edit-label"><label>Message: </label></div>

44. <div class="k-edit-field"><textarea class="filter message-filter" placeholder="Search log text" rows="3"></textarea><div><input type="checkbox" id="msgCheck"><label for="msgCheck">Use regex to search</label></div></div>

45. </div>

46. <div class="footer">

47. <div class="k-edit-buttons k-state-default export-button">

48. <button class="k-button k-button-icontext k-grid-export-data" id="exportbutton">Export</button>

49. </div>

50. <div id="alerttext"></div>

51. <div class="k-edit-buttons k-state-default apply-clear-buttons">

52. <button class="k-button k-button-icontext k-grid-clear-filters">Clear</button>

53. <button class="k-button k-button-icontext k-primary k-grid-apply-filters" id="applybutton">Apply</button>

54. </div>

55. </div>

56. </div>

57.</script>

Checkbox

answered on 25 May 2020

8 answers

1.2K+ views

Grid within template

Is there a way to place a Kendo UI grid within a template that is used as the detail row? I need to be able to dynamically determine if a grid should be in a detail row template, and adjust the UI accordingly. Specifically, if there is a subcategory record, I want to display the sub categories within a new hierarchical grid nested in the outside grid. I found the following example, but it uses Angular. I need to do something like this with Kendo UI for jQuery.

Thanks!

Grid

answered on 25 May 2020

5 answers

261 views

headerStatusUploaded says "Done" even if upload failed

Hi there,

I am trying to improve the accessibiliy of the Kendo UI Upload. My biggest problem right now is that the "headerStatusUploaded" always says "Done", even if the upload failed. The failure is just communicated by the exclamation mark. See picture attached.

To me "Done" sounds like everything went fine. This is especially bad for accessibility because the exclamation mark is not read by screen readers, but I also find it irritating as a not disabled user.

Best, Max

Upload

answered on 25 May 2020

13 answers

1.8K+ views

prevent ajax caching on .read()

Hi,
I am using the MVC helpers and ran into a problem with json data caching in ie. I don't see a way to set caching = false with the fluent DropDownList helper. Am I missing something with this?

My workaround is to tag my json methods with the following (courtesy of Zack at http://www.kendoui.com/forums/framework/data-source/read-without-cache.aspx)

[OutputCache(NoStore = true, Duration = 0, VaryByParam = "*"

)]



David A

DropDownList

answered on 24 May 2020

2 answers

88 views

Multi Filterable via Template

Hi, Dev Team!

Here the part of my KendoGrid. Its make beautyfull green check image if value is "true", but in search panel i find original "true/false" values for choice. Can i get the same green check image also in search panel?

{

field: "Done",

title: "Done",

template: function (dataItem) {

var done = ""

if (dataItem.Done) {

done = '<i class="fas fa-check fa-2x" style="color: green !important;"></i>'

}

return done;

},

filterable: { multi: true }

}

Grid

answered on 22 May 2020

3 answers

1.5K+ views

Want to add a button inline with the kendo tab

I have created a kendo tabstrip with 2 tabs. I want to add buttons inline with the tabs and to their extreme right. I have attached a screenshot of the functionality I want to achieve.

I tried using the css display:flex property, but the buttons are still not in line with the tabs.

TabStrip

answered on 22 May 2020

3 answers

174 views

Localization for upload resume and pause button is missing

Hello,

I use the de-DE localization and there is no translation of the aria-label of the resume and pause button in the upload form. The other buttons like cancel and retry are translated.

Can you add a localization for those buttons too?

Best, Max

Upload

answered on 22 May 2020