Why not make Image Browser in Editor as separate controle ?

[Wahid]

Hi all, and thank you for the awesome work in this new package.

Actually when i saw the Image Browser first time " in Telerik ASP MVC " i said this supposed to be as separated control but didn't bother to ask why it's just embedded in the Editor control. But when i saw it again here just as embedded control in the Editor then i said it should be for some reasons. So why ??

[Dimo]

Hello Wahid,

Actually the ImageBrowser is a standalone widget, which is currently coupled with the Editor for simplicity and ease of use.  It can be used on its own, but we do not support this officially and it is not documented. If there is a high-enough demand for and independent component, we will provide it.

Greetings,
Dimo
the Telerik team

[Nihat]

Hello Dimo,

it would be great if i could use the ImageBrowser as a standalone widget.
If there is a way to achieve this or a way to build something similiar in an easy way, i would really appreciate it.
Even when you could provide me with a solution which isn't officially supported.

Kind regards
Nihat

[Dimo]

Hi Nihat,

You can initialize an image browser widget from a regular <div> element. The configuration is the same as when using the image browser inside an Editor.

http://docs.kendoui.com/api/web/editor#imagebrowser-object

<div id="imgBrowser"></div>

$("#imgBrowser").kendoImageBrowser({
    transport: {
        read: "/service/ImageBrowser/Read",
        destroy: {
            url: "/service/ImageBrowser/Destroy",
            type: "POST"
        },
        create: {
            url: "/service/ImageBrowser/Create",
            type: "POST"
        },
        thumbnailUrl: "/service/ImageBrowser/Thumbnail",
        uploadUrl: "/service/ImageBrowser/Upload",
        imageUrl: "/service/ImageBrowser/Image?path={0}"
    }
});

Regards,
Dimo
the Telerik team

[Michael]

Hi,
I user this code do get a ImageBrowser stand alone.
Is there any event if a image has been clicked?

<div id="imgBrowser"></div>

$("#imgBrowser").kendoImageBrowser({
    transport: {
        read: "/service/ImageBrowser/Read",
        destroy: {
            url: "/service/ImageBrowser/Destroy",
            type: "POST"
        },
        create: {
            url: "/service/ImageBrowser/Create",
            type: "POST"
        },
        thumbnailUrl: "/service/ImageBrowser/Thumbnail",
        uploadUrl: "/service/ImageBrowser/Upload",
        imageUrl: "/service/ImageBrowser/Image?path={0}"
    }
});

Thank you

[Dimo]

Hi Michael,

The ImageBrowser exposes three events

+ change - when a file is clicked
+ apply - when a file is double-clicked
+ error - when a request fails


The change and apply events do not expose the clicked file, but you can find it out by checking which .k-tile element has a k-state-selected class.

Regards,
Dimo
the Telerik team

[Michael]

Hi Dimo,

thank you for you replay!
It works and the event is firing.

How do I know which .k-tile element has a k-state-selected class?
I use the Kendo ui with knockout...

I  have this so far.

self.onImageSelect = function (e) {
    alert('done!');
}

Thank you

[Dimo]

Hello Michael,

A jQuery class selector would be a pretty standard and easy approach.

Regards,
Dimo
the Telerik team

[Michael]

Hi Dimo,

thanks that works.
How do I have excess at the path if I navigate to a sub folder?

Michael

[Dimo]

Hello Michael,

The ImageBrowser does not expose an event related to folder navigation. You can get or set the current location with the widget's path() method.

Regards,
Dimo
the Telerik team

[Dekel]

Hi,

Can you please post an example for this in the Kendo MVC wrapper edition of kendo?

It will help me very much

[Dimo]

Hello Dekel,

The ImageBrowser is not an official standalone widget, so it does not have an HtmlHelper for ASP.NET MVC.

Regards,
Dimo
Telerik

[Tenen]

Hi,

Is there's a place I can vote for it to be a standalone widget? :)

[Dimo]

Yes -

http://kendoui-feedback.telerik.com/forums/127393-telerik-kendo-ui-feedback?query=imagebrowser

Regards,
Dimo
Telerik