This is a migrated thread and some comments may be shown as answers.

Image Browser

5 Answers 214 Views
Editor
This is a migrated thread and some comments may be shown as answers.
André
Top achievements
Rank 1
André asked on 01 Mar 2012, 01:43 PM
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é

5 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 05 Mar 2012, 09:40 AM
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
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
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 
0
Dimo
Telerik team
answered on 18 Apr 2013, 12:01 PM
Hello Michael,

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!
Tags
Editor
Asked by
André
Top achievements
Rank 1
Answers by
Dimo
Telerik team
علی اکبر
Top achievements
Rank 1
comgiu
Top achievements
Rank 2
Michael
Top achievements
Rank 1
Share this question
or