Image Browser

[André]

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é

[Dimo]

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

[علی اکبر]

How can i to use a custom tool in the widget's toolbar to invoke my own popup?

[comgiu]

Hi
can you post an'example?

thanks

[Michael]

Hi, 

Can you upload an example for custom Image Browser?

Thank you 

[Dimo]

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