Customize Imagemanager

[James Shelton Agar]

Hi, I am already using ExternalDialogsPath to callup the imagemanager as standalone.

Just a few questions regarding to customization

1) how to hide treeview and addressbox 

2) When i openup the imageditor, it automatically add _thumb to the filename so when i save it it will be a new file with _thumb, how do i avoid that (I am going to hide both options so user will only edit and cannot "save as")

otherwise it's a great control to use. thanks

[Fiko]

Hello James,

In reference to your questions:

1. You need to change the behavior of the RadFileExplorer control declared in that FileBrowser.ascx  file in order to hide the TreeView and the AddressBox controls. This can be done by using this code:
   

   <telerik:RadFileExplorer ID="RadFileExplorer1" Height="410px" Width="400px" TreePaneWidth="150px"
       runat="Server" EnableOpenFile="false" AllowPaging="true" VisibleControls="ContextMenus,Grid, Toolbar">
       <Configuration SearchPatterns="*.*"></Configuration>
   </telerik:RadFileExplorer>

2. You can avoid the suffix by using this code :
   

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

I hope this helps.

All the best,
Fiko
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[James Shelton Agar]

Your previously solution works perfect! thanks you.

Now there is an additional problem, that when I upload file with same name, it shows "A file with a same name as the target already exists"

How do I get over with it? I have override the storefile and actually customize a name by logic, so it will never actually save and overwrite existing

[Fiko]

Hello James,

In the upload dialog you need to check the "Overwrite if file exists?" checkbox. In this case the file will be overridden.

Sincerely yours,
Fiko
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Mehwish]

Hi,
I want to ask you that if i want to hide some toolbar icons (e.g. New Folder button, refresh button) from 'ImageManager' then what should i do.

• to hide new folder option i set the following css is my aspx but it does not work for me

.icnNewFolder { display:none !important; }

could you please help me out.

Regards,
Mehwish

[Rumen]

Hello Mehwish,

You should set the ExternalDialogsPath property points to the EditorDialogs folder

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

This will allow you to edit the FileBrowser.ascx file and hide the NewFolder button by setting the EnableCreateNewFolder="false" property in the RadFileExplorer declaration:

<telerik:RadFileExplorer ID="RadFileExplorer1" Height="450px" Width="400px" TreePaneWidth="150px" EnableCreateNewFolder="false" runat="Server" EnableOpenFile="false" AllowPaging="true" VisibleControls="Grid,Treeview,Toolbar,ContextMenu" PageSize="100" />



Greetings,
Rumen
the Telerik team

[Mehwish]

Hi,
Thanks for your response but i am unable to solve my problem. I am using RadEditor not RadFileExplorer. 
I have set  ExternalDialogsPath="~/EditorDialogs"  in radeditor bt it does not work for me.
could you please help me to hide some toolbar icons (e.g. New Folder button, refresh button) from 'ImageManager'; that open when i click on the toolbar button of ImageManager in RadEditor. 
My scenario is:
i am using radeditor which has toolbar icon of image manager to insert image, when i click on it that 'image manager' window open which has futher toolbar buttons. i want to hide some buttons from that toolbar. What should i do???
Please find the attached png.

Regards,
Mehwish 

[Rumen]

Hello,

Yes, I know that you use RadEditor, but RadFileExplorer is used in its File Browser dialogs (Image, Document, Media managers) and for this reason you need to copy the EditorDialogs installation folder to your project and set the ExternalDialogsPath to point to its location. After that open the FileBrowser.ascx file, locate RadFileExplorer file and set its EnableCreateNewFolder="false" property to hide the Create new folder button.

You can find more information in the following live demo: Customize Built-in Dialogs.

Make sure that you are using the latest version of RadEditor to be able to use this property as well as the external dialog files.

All the best,
Rumen
the Telerik team