Hi,
is there a image browser planed to select an image to place in the editor?
The image browser data should come from an backend (via Data Source?).
Or is it possible to hook into to replace the image url window by my own component to achieve this?
Best,
André
is there a image browser planed to select an image to place in the editor?
The image browser data should come from an backend (via Data Source?).
Or is it possible to hook into to replace the image url window by my own component to achieve this?
Best,
André
5 Answers, 1 is accepted
0
Hi André,
Yes, an Image browser will be implemented for the Kendo Editor but it will not be available for the Q1 2012 version. Initially, you will be able to use a custom tool in the widget's toolbar to invoke your own popup.
Kind regards,
Dimo
the Telerik team
Yes, an Image browser will be implemented for the Kendo Editor but it will not be available for the Q1 2012 version. Initially, you will be able to use a custom tool in the widget's toolbar to invoke your own popup.
Kind regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
علی اکبر
Top achievements
Rank 1
answered on 17 Mar 2012, 10:13 AM
How can i to use a custom tool in the widget's toolbar to invoke my own popup?
0
comgiu
Top achievements
Rank 2
answered on 01 Aug 2012, 01:44 PM
Hi
can you post an'example?
thanks
can you post an'example?
thanks
0
Michael
Top achievements
Rank 1
answered on 18 Apr 2013, 09:36 AM
Hi,
Can you upload an example for custom Image Browser?
Thank you
Can you upload an example for custom Image Browser?
Thank you
0
Hello Michael,
#imageBrowser in this case is a <div> element.
For more information and available configuration options, please refer to the Editor's documentation.
http://docs.kendoui.com/getting-started/web/editor/imagebrowser
http://docs.kendoui.com/api/web/editor#configuration-imageBrowser
Regards,
Dimo
the Telerik team
Basically you need the same configuration as when using the ImageBrowser inside an Editor - namely, you need to define a transport. In addition, you need to define event handlers to respond to user actions.
$(
"#imageBrowser"
).kendoImageBrowser({
transport: {
read:
"..."
,
destroy: {
url:
"..."
,
type:
"POST"
},
create: {
url:
"..."
,
type:
"POST"
},
thumbnailUrl:
"..."
,
uploadUrl:
"..."
,
imageUrl:
"..."
},
change:
function
(e) {
// fired when the user selects a thumbnail
},
error:
function
(e) {
// fired when the transport request fails
},
apply:
function
(e) {
// fired when the user double-clicks a thumbnail
}
});
#imageBrowser in this case is a <div> element.
For more information and available configuration options, please refer to the Editor's documentation.
http://docs.kendoui.com/getting-started/web/editor/imagebrowser
http://docs.kendoui.com/api/web/editor#configuration-imageBrowser
Regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!