[Solved] Image Manager (Url)

[heidi]

Hi,

I was wondering if there was a way with the Prometheus to be able to "hide" the Url of the image.  Example:

In my app each client has their own folder to save images to, but I don't want the client's id to be shown to them.  So I want to hide the entire Url.  They can only have on location to save the Images to, so they don't need to see it. 

In the non prometheus version I just found the image url in the style sheet and took care of it myself.  But now with the Prometheus version I'm not sure how to go about it.  It would be nice to be able to hide the location of the image in both the Image Manager and the Image Properties.

Is this something that is possible? 

Thanks,
Heidi

[Rumen]

Hi Heidi,

Currently, it is not possible to modify the built-in RadEditor "Prometheus" dialogs , because their files / resources are embedded in the Telerik.Web.UI.dll file for easy deployment. Nevertheless, we will provide external dialog files in the upcoming RadControls "Prometheus" 2008 Q1 release, due in mid April, which you will be able to customize and achieve your scenario.

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[heidi]

I was just wondering if the new release is capable of completing this.  If so do you have an example?

Thanks,

Heidi

[Rumen]

Hi Heidi,

In the latest SP1 (Telerik.Web.UI_2008_1_515) that was released yesterday we provided a new RadEditor's property named ExternalDialogsPath which allows you to use and customize the provided dialog files located in the EditorDialogs installation folder. This folder contains all editor's dialog files excepts the files browser dialogs' files which we are currently rewriting. Once we are ready we will provide the 6 file browser dialogs file and you will be able to customize them.


In the meantime, you can hide the Image URL path with the following JavaScript code:

<asp:ScriptManager ID="ScriptManager1" runat="server" />
<script type="text/javascript"> 
    function OnClientCommandExecuted(editor, args) 
    { 
       if(args.get_commandName()=="ImageManager") 
       { 
            var frame = window.frames[editor.get_id()+"dialogOpenerImageManager"]; 
            setTimeout(function() 
            { 
                frame.document.getElementById("dialogControl_ImageManager_FileLister1_FolderPath").style.display="none"; 
                //frame.document.getElementById("dialogControl_ImageManager_FileLister1_CreateNewDirectory").parentNode.style.display="none"; 
            },300); 
       } 
    } 
</script> 

<telerik:RadEditor ID="RadEditor1" OnClientCommandExecuted="OnClientCommandExecuted"  runat="server" >
    <ImageManager ViewPaths="~/" UploadPaths="~/" />
</telerik:RadEditor>


Sincerely yours,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Vadim]

Hi

I faced the same issue and your example was very helpful, bat there is the second question.
How to hide the same Image URL element after file uploading?

[Rumen]

Hi Vadim,

This is a side effect of the provided solution. Nevertheless, we plan to provide an external dialog files for the editor's File Browser dialogs in the Q2 release of RadEditor for ASP.NET, which will allow to customize their HTML and hide the image url and other elements without using JavaScript and hacks.

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center