or
0 answers
54 views
Hi, are there any demo counterparts in jquery of canvas mode in asp.net?
https://demos.telerik.com/aspnet-ajax/imageeditor/examples/canvassupport/defaultcs.aspx
so basically we want to edit an image adding text, line and such.
Enrico
Top achievements
Rank 1
Rank 1
updated question
on
06 Mar 2023
0 answers
76 views
When utilizing an image editor control I receive the following output in console and the image does not load: Please see markup below
Html Page Div Implementation
Html Page Script Implementation
Console output
Result of View
My Layout has the following implementations for CSS and JS
Isaiah
Top achievements
Rank 1
Rank 1
asked
on
16 Jan 2023
0 answers
186 views
I don't know what happend with my Kendo Image Editor. It add more Kendo Image Editor to Kendo Window.
I only transmit one link from the data source.
My Json in data source only has 1 link, but when I open kendo window, it crashes.
When it call dataSourceGetImageUrl.read(); it will add new one more kendo Editor
Info in my image: https://ibb.co/hcx2ck7
My code:
var dataSourceGetImageUrl = new kendo.data.DataSource({
transport: {
read: function (options) {
$.ajax({
url: "/_layouts/15/VuThao.TrainSharepoint/API/ApiHandler.ashx?tbl=like&func=getimageurl",
type: 'GET',
cache: false,
scriptCharset: "utf8",
dataType: "json",
data: {
models: kendo.stringify(options.data.models)
},
success: function (result) {
options.success(result);
}
});
},
},
schema: {
data: 'data',
model: {
id: "imageUrl"
}
},
change: function (e) {
var view = dataSourceGetImageUrl.view()[0].imageUrl;
$("#imageEditor").kendoImageEditor({
imageUrl: view,
width: "100%",
height: 650,
saveAs: {
fileName: "image_edited.png"
}
});
var imageEditor = $("#imageEditor").getKendoImageEditor();
imageEditor.one("imageRendered", function () {
imageEditor.executeCommand({ command: "ZoomImageEditorCommand", options: imageEditor.getZoomLevel() - 0.2 });
});
}
});Every time execute:
dataSourceGetImageUrl.read(); //it will add kendo image editor one more time
Stark
Top achievements
Rank 1
Iron
Iron
Rank 1
Iron
Iron
updated question
on
14 May 2021
0 answers
110 views
Hi Admin and everybody,
I am working with dataSource for Image Editor.
I completed get data and give it for Kendo Image Editor.
But, I cannot use it with "autoBind: false" to stop load when start page like Title or call it with .read().
This is my code:var dataSourceGetImageUrl = new kendo.data.DataSource({
transport: {
read: function (options) {
$.ajax({
url: "/_layouts/15/xxx/API/ApiHandler.ashx?tbl=like&func=getimageurl",
type: 'GET',
cache: false,
scriptCharset: "utf8",
dataType: "json",
data: {
models: kendo.stringify(options.data.models)
},
success: function (result) {
options.success(result);
}
});
},
},
schema: {
data: 'data',
model: {
id: "imageUrl"
}
}
});
dataSourceGetImageUrl.fetch(function () {
var dataSource = dataSourceGetImageUrl;
var view = dataSourceGetImageUrl.view()[0].imageUrl;
$("#imageEditor").kendoImageEditor({
autoBind: false, //It not working.It still read when my page start
dataSource: dataSource,
imageUrl: view,
width: "100%",
height: 650,
saveAs: {
fileName: "image_edited.png"
}
});
var imageEditor = $("#imageEditor").getKendoImageEditor();
imageEditor.one("imageRendered", function () {
imageEditor.executeCommand({ command: "ZoomImageEditorCommand", options: imageEditor.getZoomLevel() - 0.2 });
});
});
I tried call .read() with code. But it not working
$("#imageEditor").data("kendoImageEditor").dataSource.read();
//OR
dataSourceGetImageUrl.read(); // All both not working. I cannot call .read() to reload dataSourceGetImageUrl
Stark
Top achievements
Rank 1
Iron
Iron
Rank 1
Iron
Iron
updated question
on
13 May 2021
0 answers
150 views
Hi Admins and everybody
I want to read imageUrl of Kendo ImageEditor using dataSource + TRANSPORT WITH FUNCTION
But It don't show. What wrong with my code. I have to image show json data in url
My code:
var dataSourceGetImageUrl = new kendo.data.DataSource({
transport: {
read: function (options) {
$.ajax({
url: "/api/handler.ashx?tbl=like&func=getimageurl",
type: 'GET',
cache: false,
scriptCharset: "utf8",
dataType: "json",
data: {
models: kendo.stringify(options.data.models)
},
success: function (result) {
options.success(result);
}
});
},
},
schema: {
data: 'data'
}
});
$("#imageEditor").kendoImageEditor({
dataSource: dataSourceGetImageUrl,
width: "100%",
height: 650,
saveAs: {
fileName: "image_edited.png"
}
});
var imageEditor = $("#imageEditor").getKendoImageEditor();
imageEditor.one("imageRendered", function () {
imageEditor.executeCommand({ command: "ZoomImageEditorCommand", options: imageEditor.getZoomLevel() - 0.2 });
});What I need to fix it? Hope Admin and eeverybody help me. Thanks.
Stark
Top achievements
Rank 1
Iron
Iron
Rank 1
Iron
Iron
updated question
on
12 May 2021
