I've got a few custom popup grid editors that are grouping related fields using Bootstrap tabs.
I'm trying to find a way to switch tabs in the event of a validation error (using the built-in Kendo validation). At this moment, if a user has a particular tab open, and fails to complete a required field on a different tab, the save fails without any visual hints.
I've previoulsy found a solution when using jQuery validate (but I can't find it now) but I'd rather use Kendo's validation for simplicity.
Any suggestions?
Previously I've been using kendo.bootstrap-v4.min.css, which is now throwing a 404 with 2023.1.314.
Documentation specifies the following which also throws a 404.
http://https://docs.telerik.com/aspnet-core/installation/adding-client-side-resources/cdn-service
<link href="https://kendo.cdn.telerik.com/2023.1.314/styles/kendo.bootstrap-main.min.css" rel="stylesheet" type="text/css" />
Regards,
Heath
Here is a DOJO example that illustrates these 2 issues:
Issue 1: When using a full width template for listbox items, there is extra space above each item. This is due to the .k-list-item-text span you automatically create. It has a ::before pseudo element with content set to "\200b". Is this intentional? My workaround is to override this element CSS to remove the content.
Issue 2: When programmatically selecting items in the list box, the toolbar buttons are not enabled like when a user clicks an item. Calling trigger('change') does not help. My workaround is to trigger a click event on the item instead of using the Select() Method, but I assume this is a bug?
Here is a second DOJO with the 2 workarounds implemented:
I want to trigger an event add when a user highlights a time range on a scheduler.
I can pick up when the user lets go of the mouse on the calendar using
scheduler.wrapper.on("mouseup touchend", ".k-scheduler-table td, .k-event", function (e) {
});
but i can't figure out how to get the selected slot range from there.
seem to be able to get the end time of the selected range via the slotbyelement(e.target), but i can't figure out how to get the start time.
Hi,
I am trying to make custom visual template with specific background coloring for my ListBox. But from what I can see and reproduce, template doesn't actually apply to the item, but to child element within.
Custom template allows me to set "in item" layout of elements and some of their properties, but even if i manage to apply background color, it doesn't work properly.
I tried even with hardcoding style into template directly instead of using class, and nothing works.
Is this the bug or basically "item" template is not really item template but only item text template (I didn't see this written anywhere)?
Please find dojo showing behavior here: https://dojo.telerik.com/udeNIxul/3
EDIT: Template works as expected on the ListView here: https://dojo.telerik.com/uleKARuN
Thanks and regards,
Vedad
We have been able to comply to all our requirements other than to points 5, 6 and 7 but they are all related.
Do we have to maintain the selected state ourselves (i.e. build a list of some sort and then update the grid) or is the grid capable of doing it by itself even when remotely bound? What is the best way to approach this if we have to do it ourselves? Using the dataset etc. etc.?
Any assistance or pointing in the right direction will be appreciated
Hi Telerik,
The requirement is to have text inside ranges.
Is there a way to do it?
We are seeing an error when pasting an image from a Microsoft Word document into the Kendo editor. This can be reproduced on the demo site by creating a new Word document and selecting the Resume template, then copying the profile image out of Word and pasting it into the editor.
The error reported is:
Uncaught TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'.
at _fileToDataURL (kendo.all.js:313050:21)
at Function.map (jquery.min.js:2:3630)
at init._insertImages (kendo.all.js:313050:21)
at init._handleImagePaste (kendo.all.js:313050:21)
at init.onpaste (kendo.all.js:313050:21)
at cut copy paste drop dragover (kendo.all.js:313050:21)
at HTMLBodyElement.dispatch (jquery.min.js:3:12445)
at r.handle (jquery.min.js:3:9174)
The problem is that because this error is thrown, the paste command is never executed in our code for processing the image. Please let me know if there is anything we can do about this error.
Thanks,
Bob
