Hi Telerik Team,
We try to find a way to customize the file upload control in the Editor's *.manager. The idea is we want to make two tabs in the file upload window, one is select files from local computer which is the same function as now and we also want to add a new tab for external applications. We will implement the new tab feature by ourselves.
We are struggling to find a solution to add two tabs and implement our customized feature in file upload control. Could you please help us out ?
The interface should look like what we see in the attachment.
Thanks in advance!
Lan
We try to find a way to customize the file upload control in the Editor's *.manager. The idea is we want to make two tabs in the file upload window, one is select files from local computer which is the same function as now and we also want to add a new tab for external applications. We will implement the new tab feature by ourselves.
We are struggling to find a solution to add two tabs and implement our customized feature in file upload control. Could you please help us out ?
The interface should look like what we see in the attachment.
Thanks in advance!
Lan
6 Answers, 1 is accepted
0
lan luo
Top achievements
Rank 1
answered on 15 Apr 2014, 06:57 PM
Hi Telerik Team,
Another possible solution is we can add a new button called External Applications in the *.manager tool bar, when we click it, it open a new window which render our control?
Please see the attachment for the detail.
Thanks,
Lan
Another possible solution is we can add a new button called External Applications in the *.manager tool bar, when we click it, it open a new window which render our control?
Please see the attachment for the detail.
Thanks,
Lan
0
Hello Lan,
In order to add the desired custom functionality you will need to go through the following steps:
Regards,
Vessy
Telerik
In order to add the desired custom functionality you will need to go through the following steps:
- Enable the external dialogs of RadEditor. You can refer this live demo for more information on how to do this: Customize Built-in Dialogs
- Add a custom command to the FileExplorer in the FileBrowser.ascx dialog in the way described here: Adding a custom button to the toolbar and an item to the tree context menu
- Implement your custom logic in the click handler of the added button
You can also find useful information on how to add Server-side code to the Editor's dialogs in the following KB article: Displaying single upload control in the FileBrowser Upload manager
Hope this helps.Regards,
Vessy
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
0
lan luo
Top achievements
Rank 1
answered on 22 Apr 2014, 04:17 PM
Hi Vessy,
Thanks for your reply. I tried to add custom command to the FileExploer in the FileBrowser.ascx page, but for some reason, it didn't work. Here's what happened.
1. in the FileBrowser.ascx page, I added server script ( C# ) in the FileBrowser.ascx page. No matter what event I use ( Page_Load, OnLoad, CreateChildControls ), it didn't run it.
2. if I add control in the html markup, it can be displayed.
3. I tried another one, I added asp button in the html markup and I also added onclick event for this button. The button can be displayed and when I click the button, it did postback ( I can see post event in Firebugs ) but it didn't execute the click event.
Is there any way allow developer to override the server side event? Could you please give me any solution?
Thanks in advance,
Lan
Thanks for your reply. I tried to add custom command to the FileExploer in the FileBrowser.ascx page, but for some reason, it didn't work. Here's what happened.
1. in the FileBrowser.ascx page, I added server script ( C# ) in the FileBrowser.ascx page. No matter what event I use ( Page_Load, OnLoad, CreateChildControls ), it didn't run it.
2. if I add control in the html markup, it can be displayed.
3. I tried another one, I added asp button in the html markup and I also added onclick event for this button. The button can be displayed and when I click the button, it did postback ( I can see post event in Firebugs ) but it didn't execute the click event.
Is there any way allow developer to override the server side event? Could you please give me any solution?
Thanks in advance,
Lan
0
Hi Lan,
Could you verify that you are adding the Server-side logic for the FileBrowser.ascx dialog in a custom user control, registered in the File Browser one like described here? I am asking you that, because the described issues are usually experienced when the Server-side handlers are added directly in the FileBrowser.ascx dialog.
If this is not the case, though, could you please prepare a simple fully runnable project reproducing the issue so we could examine the problematic configuration on our side?
Looking forward to hearing from you,
Vessy
Telerik
Could you verify that you are adding the Server-side logic for the FileBrowser.ascx dialog in a custom user control, registered in the File Browser one like described here? I am asking you that, because the described issues are usually experienced when the Server-side handlers are added directly in the FileBrowser.ascx dialog.
If this is not the case, though, could you please prepare a simple fully runnable project reproducing the issue so we could examine the problematic configuration on our side?
Looking forward to hearing from you,
Vessy
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
0
lan luo
Top achievements
Rank 1
answered on 24 Apr 2014, 02:20 PM
Hi Vessy,
It's working when I added user control.
Thanks for your help!
Lan
It's working when I added user control.
Thanks for your help!
Lan
0
Hi,
You are welcome, Lan. Feel free to contact us in case any further questions occur.
Kind regards,
Vessy
Telerik
You are welcome, Lan. Feel free to contact us in case any further questions occur.
Kind regards,
Vessy
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.