Customize Imagemanager in UI for ASP.NET AJAX Editor

James Shelton Agar

108 posts

Member since:
May 2008

Posted 26 Nov 2009 Link to this post

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

Admin

1406 posts

Posted 01 Dec 2009 Link to this post

Hello James,

In reference to your questions:

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>
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

108 posts

Member since:
May 2008

Posted 16 Dec 2009 Link to this post

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

Admin

1406 posts

Posted 19 Dec 2009 Link to this post

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

4 posts

Member since:
Jan 2011

Posted 14 May 2012 Link to this post

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

Admin

14419 posts

Posted 16 May 2012 Link to this post

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

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

Mehwish

4 posts

Member since:
Jan 2011

Posted 21 May 2012 Link to this post

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

radeditor.png

Rumen

Admin

14419 posts

Posted 21 May 2012 Link to this post

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

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.