Displaying single upload control in the FileBrowser Upload manager

RELATED TO:

Article information

Article relates to

 RadEditor for ASP.NET AJAX
 Telerik.Web.UI

Created by

 Rumen Zhekov

HOW-TO
Display single upload control in the FileBrowser Upload manager

DESCRIPTION
By default the Upload manager in the RadEditor's FileBrowser dialogs contains three RadUpload controls in it. If you want to customize the Upload dialog and show a single Upload control then follow the instructions below.

SOLUTION
1) Register the external dialog files of RadEditor:
   - Copy the EditorDialogs installation folder to the root of the web project
   - Set the ExternalDialogsPath= "~/EditorDialogs/";  property, e.g.
 
<telerik:radeditor runat="server" ExternalDialogsPath="~/EditorDialogs" ID="RadEditor1"> 
    <ImageManager ViewPaths="~/" UploadPaths="~/" /> 
</telerik:radeditor> 

2) Create a UserControl in the root of your web application for example named UserControl.ascx and put the following code in it:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UserControl.ascx.cs" Inherits="UserControl" %> 
<script runat="server" type="text/C#">  
  
    protected void Page_Load(object sender, System.EventArgs args)  
    {  
        Telerik.Web.UI.RadFileExplorer rfe = (Telerik.Web.UI.RadFileExplorer)this.FindRadControl(this.Page);  
        if (rfe != null)  
        { 
            rfe.Upload.MaxFileInputsCount = 1; 
        }  
    }  
  
    
  
    private Control FindRadControl(Control parent)  
    {  
        foreach (Control c in parent.Controls)  
        { 
             
            if (c is Telerik.Web.UI.RadFileExplorer) return c;  
            if (c.Controls.Count > 0)  
            {  
                Control sub = FindRadControl(c);  
                if (sub != null) return sub;  
            }  
        }  
        return null;  
    }  
  
</script>  

3) Register the custom control in the \EditorDialogs\FileBrowser.ascx external dialog control:
<%@ Register TagPrefix="custom" TagName="customControl" Src="~/UserControl.ascx"  %>   
<custom:customControl ID="customControl1" runat="server" />  

Files

More Resources

  • Forums

    Find answers to thousands of questions or reach out to our active community.

  • Demos

    Browse 1,200+ demos with source code covering basic and advanced scenarios.

  • Sample Applications

    Learn how to integrate the controls in real-world examples.

  • Feedback Portal

    Vote and follow the features you want to see added to Telerik UI for ASP.NET AJAX.

  • User Voice

    Get answers directly from the people who build the product.

  • Documentation

    Benefit from detailed help articles and API references for all controls.

  • Knowledge Base

    Learn how to achieve common scenarios from a multitude of tutorials and working examples.

  • Code Library

    Browse sample projects submitted by Telerik staff and community members.

  • Blog

    Stay up-to-date with the latest functionality, how-to articles and industry trends.

  • Release History

    Up-to-date release notes for all new features and improvements.