Grid :-
.Columns(columns =>
{
columns.Bound(x => x.Role).Title("<b>Project OBS Role</b>").Width("30%").Filterable(true).
HeaderHtmlAttributes(new { style="text-align:center;"}).HeaderHtmlAttributes(new { style = "text-align:center;vertical-align:middle;" });
columns.Bound(x => x.UserId).Title("<b>Approver</b>").Width("40%").EditorTemplateName("GridGroupPeoplePicker").
====> EditorViewData(new { SecurityGroup = "#=SecurityGroup#" }).Filterable(true).HeaderHtmlAttributes(new { style = "text-align:center;vertical- align:middle;" }).HtmlAttributes(new { style = "text-align:left;" });
columns.Bound(x => x.Delay).Title("<b>Delay<b>").Width("20%").Filterable(true).
HeaderHtmlAttributes(new { style = "text-align:center;vertical-align:middle;" }).HtmlAttributes(new { style = "text-align:left;" });
columns.Command(command => { command.Edit().Text(" ").CancelText(" ").UpdateText(" ");}).Width("10%").
HtmlAttributes(new { style = "text-align:center;" });
})
Editor Template :-
@model stringI use kendoEditor(jQuery) to let user create html content. Then, saving this content as html and using this html content to export to a pdf document by xmlParser.
I also restricted the width of kendoEditor by A4 page width in order to create a PDF document without fitting problem.
But the problem is the users are not able to know page end so their contents might be split. For example, they create a table and table header in kendoEditor but this table and its header can be split in two pages when exporting to pdf document.
So, is there a way to show page layout or a page end marker or line in kendoEditor?
Hi,
Like Demo https://dojo.telerik.com/ojOwIcIB
I want to change field [attendees] validation message when field input value is empty,
I referred
https://www.telerik.com/forums/kendo-scheduler-change-field-validation-message
and
https://dojo.telerik.com/AsAjOdiv
Like this :
e.container.find("[data-container-for=attendees] select[data-role=multiselect]").attr("data-required-msg", "New Validation Message!");
It's not work....
Thank you very much for your help.
Hi,
Like Demo : https://dojo.telerik.com/ExuQuSoT
Field title and description validation require is set true.
I have a business need :
When I choose Meeting Room 201 for Field RoomId, I hope that I can mask or turn off the validation and submit it normal.
How to realize it?
Thank you very much for your help.
We are using Kendo UI for jQuery at version 2022.2.621.
In the Image Browser, at any empty directory level:
The issue we are seeing is bolded in step 2 above - reload hangs when adding our first directory to a directory that already has 1 or more images. The behavior is as described in this previous issue:
https://www.telerik.com/forums/image-browser-endless-loading-animation-after-creating-a-folder
I see that it should be fixed in the version we are using, and the very specific circumstance that is causing it for us is strange. After we have a first directory added, we can add additional directories without issue. Also note that I am not able to reproduce our issue in the demo.
We do have a dotnet backend for the Image Browser endpoints that is fully functional and not throwing exception when the issue occurs. Further, there are no JS errors in dev tools.
Hello,
I am working with application where I have thousands of images to load on ImageBrowser of Kendo Editor.
ImageBrowser is getting stuck as having too many images to load, Can we have any option to add pagination or lazy loading in ImageBrowser?
So, I can load only 20 images at a time and other based on request.
Please note that I am fetching images from controller method which returns list of FileBrowserEntry as below.
Thanks,
Trusha
Hi,
Demo is http://dojo.telerik.com/UgELisOy
In above demo,
var remoteValidator = {
valid: false,
initiated: false,
check: function(element, validator) {
remoteValidator.initiated = true;
//simulate Ajax
setTimeout(function() {
//TODO: set to true if valid
remoteValidator.valid = true;
validator.validateInput(element);
remoteValidator.initiated = false;
}, 1000);
}
};
The form cannot be submitted normally.
Thank you for your help!
I added a Kendo UI JQuery Editor to my page. It looks as expected when it is generated from a textarea but when it is generated from a div the toolbar pops up and floats around. I want it always visible AND fixed to the top of the editor just like on this page or on the classic editor. I found one article about it but that article didn't seem to work. My editor also needs to be resizable with an initial height of 75px. Resizing currently doesn't go any smaller than 100px. See this Dojo for the resizing problem: https://dojo.telerik.com/EXiSugUg. I have multiple editors on the page in a modal. I am generating them in a loop like so:
// html <div id="editor1"></div><div id="editor2"></div>...
let id = "editor1";
let editors = {};
editors[id] = $(`#${id}`).kendoEditor({
pasteCleanup: {
keepNewLines: true
},
resizable: {
content: true,
toolbar: true
},
tools: [
"bold", "italic", "underline", "insertUnorderedList", "insertOrderedList", "indent", "outdent", "justifyLeft", "justifyCenter", "justifyRight"
]
}).data("kendoEditor");