Hi,
I've got an application where the user can choose the kendo ui theme.
Within this application I use the Kendo editor component.
Is there a possibility to change the textcolor of the editor.
Or to add a CSS class.
I won't define style="color: #FFF" is must be something like class="<k-negative-color-to-this-theme>"
Here is a Dojo Example with a dark theme
https://dojo.telerik.com/oCeTOPir
In the example the background is dark and the color also?
regards
Maik
delete this - wrong forum
Moved to Telerik ASP.Net Core KendoEditor - fullscreen mode in UI for ASP.NET Core | Telerik Forums
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.
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!
Hello,
I am using a Kendo jquery editor in Angular, and I need to trigger a valueChange event for only when the user is entering and changing data, so that the document can be properly marked as dirty. However, I am finding that the editor is injecting attributes on its own to image tags in the data, and these attributes are then triggering a false valueChange. The attributes I have seen so far are:
These attributes are typically added when the image is clicked on, or right-clicked after selection. The blur event then causes a change event to trigger the valueChange.
Is it possible to suppress a valueChange when Kendo is adding these attributes? Can you please provide examples of how we might be able to avoid these change events?
Thanks for your help,
Bob
Hi there,
I have integrated Telerik UI into our platform. It worked fine but recently when I try to edit my content in design mode the content is rendered in HTML mode not in text mode as it supposed to(see picture). Any idea as of why this is happening?
Best regards,
Gilles
Hi Team,
We recently ran security scan on our web application which using "https://kendo.cdn.telerik.com/2020.2.513" Version.
and we encountered one scenario where Cross Site script executed even though we implemented encode and decode.
Scenari: User opens editor -> Clicks Insert Link Option.
We filled URL, Text inputs and for Tooltip fields we input Cross Site Script i.e (">">">"><script>alert(document.cookie);</script>)
and we clicked INSERT.
Basically the Tooltip field will break the anchor tag title parameter and script will execute.
Though we have implemented HTML encode and Decode we still experiencing this alert popup with cookie data while encode and Save and also Decode and Show.
Thanks In Advance.
Please let us know is there any inbuilt functionality in Kendo to handle this type of issue.
There is an HTML element, called "template", more information here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template. We cannot use this element in a Kendo Editor, because it will always remove all contents from this element.
It can be reproduced in your demos here: https://demos.telerik.com/kendo-ui/editor/all-tools by following these steps:
Click the "View HTML" tool/button, then add this HTML to it:
<h1>Hello</h1>
<p>This is a test</p>
<template><p>This is a template</p></template>
Click "Update".
Then open the "View HTML" tool again. You now see that the HTML has been changed to this:
<h1>Hello</h1>
<p>This is a test</p>
<template></template>
I am working with kendo grids with buttons in each column that display another grid in a modal. The first is using MVC, the modal grid was created dynamically. Each uses kendo dropdownlists to edit cells. The issue occurs like this:
1. A dropdownlist is clicked on in the initial grid,
2. The modal is opened afterward (each row has its own button)
3. A dropdownlist inside the modal's kendo grid is clicked, and nothing happens
Basically, if a dropdown is clicked in grid 1, and then you attempt to click one of the dropdownlists in the modal grid,
this error is thrown:
Uncaught TypeError: m is not a function
at init.editor (kendo.all.min.js:54)
at init.refresh (kendo.all.min.js:54)
at new init (kendo.all.min.js:54)
at HTMLTableCellElement.<anonymous> (kendo.all.min.js:26)
at Function.each (jquery.min.js:2)
at R.fn.init.each (jquery.min.js:2)
at R.fn.init.e.fn.<computed> [as kendoEditable] (kendo.all.min.js:26)
at init.editCell (kendo.all.min.js:59)
at init.tap (kendo.all.min.js:59)
at init.trigger (kendo.all.min.js:25)
This error is vague, and on the surface seems like jQuery scripts may be interfering or out of order. I don't think this is the case
because A) I haven't recieved errors like this before and B) the dropdowns work if the modal is opened without any of the dropdowns in the
other grid being touched. It seems as if when a dropdown is clicked in initial grid, somehow it breaks the dropdown in modal grid. They
do not have the same name.
Any ideas on where this console error comes from?
Here is a snippet of the grid being generated in the modal:
$("#account-tracking-grid").kendoGrid({
columns: [
{
field: "accountName",
title: "Account Name",
editable: function () { return false },
width: "200px",
},
{
field: "accountNumber",
title: "Account Number",
editable: function () { return false },
width: "200px"
},
{
field: "Balance",
title: "Balance",
width: "40px",
template: "<span>#=getIcon(Balance)#</span>",
editor: dropdownlist,
headerTemplate: "<span class='verticalText'>Balance</span>"
}
],
editable: "incell",
edit: function (e) {
var container = e.container;
var dropDownList = container.find("[data-role=dropdownlist]").data("kendoDropDownList");
if (dropDownList) dropDownList.open();
},
dataSource: {
transport: {
read: "/Account/Tracking?uniqueId=" + document.getElementById('unid').value
}
}
});
}
function dropdownlist(container, options) {
$('<input id="account-dropdownlist"/>')
.appendTo(container)
$("#account-dropdownlist").kendoDropDownList({
dataTextField: "text",
dataValueField: "value",
dataSource: items,
change: onChange,
open: onOpen
});
}
Hi,
We currently have a Kendo Editor with paste cleanup set as:
pasteCleanup: {
all: false,
css: true,
custom: null,
keepNewLines: false,
msAllFormatting: true,
msConvertLists: true,
msTags: true,
none: false,
span: true
We've noticed an issue in that when copy and pasting underlined text within the control (not from external to the control), the underline is removed. I can only imagine that this is because we're stripping our SPANs with the above option. Our issue is that we can't really set this SPAN option to off as we explicitly do no want complex span elements being saved. Is there a workaround for this?
Thank you